Hide and Show Funktionalität für dynamische IDs auf einmal

Question

Ich habe Schaltflächen, die dynamisch nach der Formularübergabe erstellen.

<template name="workflow"> 
    {{#each newaction}} 
<div class="btn-box" > 
{{> actioncardsubcontent}} 

     <button type="button" class="cancelsub" >New Action</button> 
     <button type="submit" class="createbtnsub" >Show Options</button> 
    </div> 

{{/each}} 
</template> 

Wenn ich auf „Optionen anzeigen“ Taste sollten die beiden Tasten verbergen und zeigen den Inhalt in der unten stehenden Vorlage.

<template name="actioncardsubcontent"> 

    <div class="subcontent" id={{_id}} > 

      <div class="modulepath"><div>{{module_list}}</div></div> 
      <div class="linkto"><div>Linked To: &nbsp;<div class="linkto-color">{{link}}</div></div></div> 
      <div class="description"><div>Notes:<br>{{description}}</div></div> 

    <div class="btn-box showoption"> 
     <button type="button" class="hideoption">Hide Options</button> 
     <button type="submit" class="requestextension">Request Extension</button> 
    </div>  


    </div> 

</template> 

und My JS ist:

Template.workflow.events({ 
"click .createbtnsub" : function(){ 

     $("#"+this._id).show(); 
     $('.createbtnsub').hide(); 
     $('.cancelsub').hide(); 

Mit den oben Js es für alle Karten Tasten versteckt, wenn ich auf bestimmte Karte klicken. Also kann mich jemand korrigieren. Wie schreibe ich eine dynamische ID für diese Schaltflächen, damit sie für bestimmte Karten funktioniert?

Answer 1

bitte versuchen Sie es:

Template.workflow.events({ 
"click .createbtnsub" : function(){ 

     $('.createbtnsub').hide(); 
     $('.cancelsub').hide(); 


     $(this).show();