Wie aktualisiere/aktualisiere ich Akkordeon-Daten mit neuen Daten?

Question

könnte mir jemand sagen, wie man Akkordeon-Daten mit neuen Werten auf Knopfdruck aktualisiert, wenn Benutzer ihre Eingabe eingeben?

nehme an, als ob es ein Eingabefeld gibt. Benutzertreffer, nachdem Wert angegeben wurde. gleichzeitig sollte es die Eingabe zeigen, was der Benutzer in Akkordeon gibt.

Akkordeon ll als

/Latest update 
/old updates 
/etc 

kategorisiert werden, was habe ist

$("className").click(function(){ 
setInterval(function(){     
      }, 900);  
    }) 
    <div classname="className"></div> 

es besser wäre, wenn Aktien Geige/Plunker Schnipsel für Typoskript, JQuery oder sogar Angular2

vielen Dank für jede Hilfe

Answer 1

weil ich etwas Freizeit hatte ich gemacht Sie ein Beispiel von dem, was ich denke, Sie wollen.

1.Geben 'aa' der latest updates wird slidedown und haben Text 'aa'

2.enter zweiten Wert 'bb' der latest updates wird Text 'bb' haben, old updates wird der Text 'aa' und auch 'aa' ist

archivierten

3. Geben Sie dritten Wert 'cc' der latest updates wird Text 'cc' haben, old updates wird Text 'bb' und Archiv haben müssen, aa 'und 'bb'

und so auf.

Dies wird unter Verwendung von IF-Bedingungen gemacht, die sehr einfach sind unter Verwendung von text().length.

ebenfalls enthalten (zu Beginn des JQ) eine einfache Akkordeon Code

lassen Sie mich wissen, ob dies ist, was Sie suchen. Check-Snippet unten oder jsFiddle

var accTrigger = $('h2') 
 
$(".text").hide() 
 
$("h2").on("click", function() { 
 
    var text = $(this).siblings(".text") 
 
    if ($(text).is(":visible")) { 
 
    $(text).slideUp() 
 
    } else { 
 
    $(text).slideDown() 
 
    } 
 
    $(this).parents(".accordion-item").siblings().find(".text").slideUp() 
 
}); 
 

 

 
var button = $("button"), 
 
    input = $("input"), 
 
    latest = $("#latest .text"), 
 
    old = $("#old .text"), 
 
    archive = $("#archive .text") 
 

 

 

 
$(button).on("click", function() { 
 
    inputValue = $(input).val() 
 

 
    if ($(latest).text().length > 0) { 
 
    $(old).text($(latest).text()).slideDown() 
 

 
    } 
 
    if ($(old).text().length > 0) { 
 
    var aText = $(archive).html() 
 
    $(archive).html(aText + '<br>' + $(old).text()).slideDown() 
 
    } 
 
    $(latest).text(inputValue).slideDown() 
 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="accordion"> 
 
    <div class="accordion-item" id="latest"> 
 
    <h2>Latest Updates</h2> 
 
    <div class="text"></div> 
 
    </div> 
 
    <div class="accordion-item" id="old"> 
 
    <h2>Old Updates</h2> 
 
    <div class="text"></div> 
 
    </div> 
 
    <div class="accordion-item" id="archive"> 
 
    <h2>Archive</h2> 
 
    <div class="text"></div> 
 
    </div> 
 
</div> 
 

 
<input type="text" value=""> 
 
<button type="submit"> 
 
    submit value 
 
</button>