JQuery可折叠面板

Jquery如何使用创建类似于Ajax的可折叠面板？

手动： 标题有一个div（点击可展开和折叠），内容有另一个div（可显示内容）

这里有一个例子

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

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

您必须在变量中保持可见性状态

就绪控制

试试这个：

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

---

+1，您还可以使用

Toggle（）

（）来避免存储任何可见性状态。您是否正在寻找从ajax获取其信息并根据返回的内容展开元素的容器？

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