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"); });