Handlebarsの問題hide/showボタンonclick

Question

JSONの詳細を取得しようとしていますが、これで成功しましたが、デフォルトで電話番号要素を非表示にしてonclickボタンで表示しようとしています。最初のDoctor DIVですが、すべてのdivではありません。

私はデフォルトで電話番号を非表示にして、ユーザーのonclickボタンでそれを明らかにする必要がありますか？私はこれを可能にし、ここで私のバイオリンであることができますどのように

 <div class="page-wrap"> 
    <h1>Handlebars Tutorial</h1> 
    <div id="docs-container"></div> 
    </div> 

    <script id="docsTemplate" type="text/x-handlebars-template"> 
    {{#each doctors}} 
    <div class="pet"> 
     <div class="photo-column"> 
     <img src="{{Image}}"> 
     </div> 
     <div class="info-column"> 
     <h2>{{DoctorName}}</h2> 
    <p>Designation: {{Qualification}}</p> 
     <p id="tohide">Phone: {{Phone}}</p> 
     </div> 
    </div> 
    {{/each}} 
    </script> 

私はLive Example

Answer 1

で達成しようとしています私はあなたのコード内の任意のボタンが表示されません。この例を参照して、変更することができます。

$('.btn_phn').on('click', function(){ 
    $(this).prev('.tohide').show(); 
}) 

https://jsfiddle.net/45fs64p2/4/