JQuery可摺疊面板

Question

Jquery如何使用類似於Ajax CollapsiblePanel創建的？

Answer 1

手動： 有頭（將被點擊展開和摺疊）一個div，另一個DIV的內容（這將對此事被顯示）。

這裏有一個例子。

//To Show 
$('#myheader1').click(function(){$('#mycontent1').Show())}; 

//To Show 
$('#myheader1').click(function(){$('#mycontent1').Hide())}; 

您必須在變量中維護可見性狀態。

就緒控制

http://plugins.jquery.com/project/accordion

Answer 2

試試這個：

<ItemTemplate> 
    <span class="title">Show/Hide</span> 
    <div> 
     <!-- put some elements here... --> 
    </div> 
</ItemTemplate> 

---

$(".title").click(function() { $(this).next("div").slideToggle("slow"); });