問題與把手隱藏/顯示按鈕onclick

我想從JSON得到的細節，並取得了成功，但當我試圖隱藏電話號碼元素默認情況下顯示onclick按鈕，它只是工作第一個醫生DIV，但不是所有的DIV ..問題與把手隱藏/顯示按鈕onclick

我想讓默認隱藏的電話號碼，並通過用戶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

來源

2017-05-25 SamaraSsr

我沒有看到你的代碼中的任何按鈕。看到這個例子，你可以修改它。

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

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

來源

2017-05-25 17:52:22 tech2017

我更新，顯示電話元素的代碼上點擊按鈕。但問題是它揭示了所有的電話元素，而不是那個單一的醫生DIV。這裏是更新的小提琴鏈接[鏈接] https://jsfiddle.net/45fs64p2/3/ – SamaraSsr

請參閱更新答案。 – tech2017

:)感謝您的幫助。你解決了它：D – SamaraSsr

問題與把手隱藏/顯示按鈕onclick

回答

相關問題