jQuery UI可折叠面板

ste*_*715 5 javascript jquery jquery-ui

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

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

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

http://jqueryui.com/themeroller/

Chr*_*ers 7

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

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


And*_*ker 5

我想你在寻找手风琴:

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

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

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

或动画:

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

  • 不 - 那不是手风琴.注意一次可以打开零个,一个或多个div.手风琴无法做到这一点. (9认同)