動的IDの表示と非表示の機能

Question

フォーム送信後に動的に作成されるボタンがあります。

[表示オプション]ボタンをクリックすると、2つのボタンが非表示になり、下のテンプレートにコンテンツが表示されます。

<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> 

と私のJSは次のとおりです。私は特定のカードをクリックしたとき、それはすべてのカードのボタンに隠れている上記のJsで

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

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

。だから誰でも私を修正することができます。特定のカードで動作させるために、これらのボタンの動的IDを書き込む方法。

Answer 1

それを試してください。

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

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


     $(this).show();