Basit Basitleştirmek/Bölmeleri Daralt> JQuery?

Question

Uygulamamdaki bir dizi ana kapsayıcı div'e bazı accordian stil genişletme/daraltma kolları eklemem gerekiyor. Bu jQuery gibi bir kütüphane için çok basit bir şey mi?

Örnek:

<div class="handleDiv"> expand | collapse 
    <div>child element</div> 
    <div>child element</div> 
</div> 

<div class="handleDiv"> expand | collapse 
    <div>child element</div> 
    <div>child element</div> 
</div> 

Answer 1

böyle bir şey deneyin:

$('.handleDiv').click(function() { 
    $(this).children().toggle(); 
}); 

Yani genişletmek veya bunları tıkladığınızda "handleDiv" s içeriğini gizlemek edeceğiz. Bununla birlikte, bu "bağlantıyı genişlet" daraltılmış şeyler yapma ve tıklama işleyicisini onlara eklemeyi öneriyorum, böylece div'daki herhangi bir yerdeki bir tıklama onu değiştirmez.

bunları kapalı başlamak istiyorsanız, onları stil kapalı ya stili: cevabım başında

.handleDiv div { 
    display: none; 
} 

veya add ".hide()" jQuery pasajı sonuna .

Answer 2

Bunu yapmak için bir eklenti yazdım.

http://sylvain-hamel.github.io/simple-expand/