摺疊和秩序的div /列表

Question

什麼會得到相同的效果，將顯示here最好的方法（右側「呼號」，「Laatste reacties」等）

是否有任何「插件」 jQuery的書面已經讓我的生活變得更輕鬆了？

Answer 1

簡單的例子：

http://jsfiddle.net/LVsJs/

使用的slideToggle。

Answer 2

如果你正在考慮塌陷面板，那麼你可以使用jQuery切換功能： http://jqueryui.com/demos/toggle/ 可以附加其他效果切換功能以及。

如果你想這樣tabls這樣的網頁拿來看這裏： http://jqueryui.com/demos/tabs/ 隨着小定製他們將尋找exacly像你的例子頁面上。

Answer 3

我不確定插件，但這對於jQuery來說是一件很容易的事情。你基本上使用類似：

<div id="fullbox"> 
    <div id="header"> 
    Some Header Text 
    <a id="expandcollapselink" href="#">Expand</a> 
    </div> 
    <div id="body"> 
    Box Body 
    </div> 
</div> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.expandcollapselink').click(function() { 
     if ($('#fullbox').hasClass('.active')) { 
     $('$body').hide(); 
     $('#fullbox').removeClass('.active'); 
     } else { 
     $('#body').show(); 
     $('#fullbox').addClass('.active'); 
     } 
    }); 
}); 
</script>