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