HTML:
<div id="wrapperId" title="Wrapper Title">
some content here....
<div id="id1" title="Title" class="class" >
content here....
</div>
<span id="id2" title="Title" class="class" >
content here....
<div title="Inner Panel Title" id="innerId" >
Inner panel content here....
</div>
</span>
<form id="id3" title="Title" class="class" action="remoteFormsTab.html" method="POST"
formids="demoform,testform">
content here....
</form>
</div>
JS: (Please note that the panels has to initiated in the below order to work properly)
$('#wrapperId').jPanel({
"defaultOpen" : true
});
$('.class').jPanel({
"ajaxTimeout" : 30000,
"cookie" : true,
"defaultView" : "tab",
"remoteDiv" : true,
"retainView" : true,
"switchView" : true
});
$('#innerId').jPanel({
"cookie" : true
});