Question

I am using JPanel I want to auto expand all the panels on page load, how can i achieve it?

Sample JPanel Code

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

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

My code

$('#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

Trigger a click event after the call to jPanel:

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

d.