Question

我正在使用JPanel我想在页面加载时自动展开所有面板，我该如何实现呢？

示例JPanel代码

<div title="Title1" class="class">
    content here....
</div>
<div title="Title2" class="class">
    content here....
</div>

$('.class').jPanel({
    'effect'    : 'fade',
    'speed'     : 'slow',
    'easing'    : 'swing'
});

我的代码

$('#contentHolder).empty();
$('<div>')
.html('<div >'+productname+'</div>'+panels)     
    .appendTo('#contentHolder').delay(10).queue(function(){
        $('.class').jPanel({
            'effect'    : 'fade',
            'speed'     : 'slow',
            'easing'    : 'swing'
        });
   });

$('.class').jPanel({         
    'effect'    : 'fade',
    'speed'     : 'slow',         
    'easing'    : 'swing'     
}).trigger('click');

Answer 1

在调用jPanel后触发click事件：

$('.class')
    .jPanel({
        'effect'    : 'fade',
        'speed'     : 'slow',
        'easing'    : 'swing'
    })
    .children('h3') // or .children('.head')
    .trigger('click');

d

Answer 2

我已将jPanel版本更新为1.4.0，现在您可以指定默认打开的参数来实现此目的，例如：

$('selector').jPanel({
    "defaultOpen"   :  true
});

希望这有帮助

如何默认自动展开所有JPanel

2 个答案: