jQuery崩潰列表？

Question

結賬http://jqueryui.com/demos/draggable/

底部有一個標籤部分。秒標籤「細節」給出了我想要完成的例子。您可以顯示/隱藏每一行，並且可以顯示/隱藏該列表行中的詳細信息。

是在jQuery UI的這一部分？如果是這樣，有人碰巧知道它叫什麼嗎？

Answer 1

它是jQuery的一部分。這只是一個簡單的隱藏和顯示另一個div。

<div class="Control">Toggle</div> 
<div class="Content" style="display: none;">Some content you want to toggle.</div> 

<script> 
    $(".Control").click(function(){ 
     $(this).next(".Content").toggle(); 
    }); 
<script> 

你的元素可以改變到你想要的任何東西，LI，IMG，DIV。

Answer 2

這裏是一個簡單的手風琴 如果你不希望他們都隱藏。刪除此行$('.contentblock').not(c).hide();

<ul id="accord"> 
    <li> 
    <a href="#">title</a> 
    <div class="contentblock">Content</div> 
    </li> 
    <li> 
    <a href="#">title2</a> 
    <div class="contentblock">Content2</div> 
    </li> 
</ul> 

然後...

$(function() { 
    $('.contentblock').hide(); 
    $('#accord').delegate('li > a','click',function() { 

    var c = $(this).parent().find('.contentblock').toggle(); 
    $('.contentblock').not(c).hide(); 
    }) 
});