jQuery UI可折叠面板

Question

我的jQuery UI的主题滚子网站(左侧)上注意到,他们有可折叠的面板,以自定义jQuery用户界面包组自定义选项.

但是,我没有在jQuery UI中看到任何可折叠面板(对我来说似乎很奇怪!)

有没有人知道jQuery的任何可折叠面板选项就像那样的工作(带箭头和所有)？

http://jqueryui.com/themeroller/

Answer 1

你不需要JQuery UI.只是直接老Jquery.它们通常被称为collaspable divs.

将点击事件附加到"标题"div,向下/向上滑动关联的内容div.要获取打开/关闭图像,请在标题上切换css类以更改图像.

Answer 2

我想你在寻找手风琴:

http://jqueryui.com/demos/accordion/

但是,如果您想打开多个部分,请查看手风琴文档的这一部分(概述):

jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
        $(this).next().toggle();
        return false;
    }).next().hide();
});

或动画:

jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
        $(this).next().toggle('slow');
        return false;
    }).next().hide();
});