展开/折叠特定jpanels

Question

如何根据Title或some id扩展或折叠特定JPanels？

到目前为止，我可以切换使用按钮展开/折叠JPanels。

//Assigning a click event on button to trigger expand/collapse JPanel 
$('#triggerPanelBtn').click(function(){ 
    //alert($('.class').children('h3').attr("id")); 
    $('.class').children('h3').trigger('click'); 
}); 

var panels=""; //Creating JPanels on the fly 

var trs='<tr width="100%">'+ 
    '<th class="thPanel" align="left" width="40%">Database Type</th>'+ 
    '<td align="left" width="60%" style="word-break:break-all;">Something</td>'+ 
'</tr>'+ 
'<tr width="100%">'+ 
    '<th class="thPanel" align="left" width="40%">Database Version</th>'+ 
    '<td align="left" width="60%" style="word-break:break-all;">Something</td>'+ 
'</tr>'; 

panels+='<div title="Database Version" class="class">'+ 
    '<div class="jqUIDiv">'+ 
     '<table class="jpanelTable">'+ 
      '<tbody>'+trs+'</tbody>'+ 
     '</table>'+ 
    '</div>'+ 
'</div>'; 

panels+='<div title="ORS Databases" class="class" id="OrsDatabases">'+ 
    '<div class="jqUIDiv">'+ 
     '<table class="jpanelTable">'+ 
      '<tbody>'+trs+'</tbody>'+ 
     '</table>'+ 
    '</div>'+ 
'</div>'; 

panels+='<div title="Master Database" class="class">'+ 
    '<div class="jqUIDiv">'+ 
     '<table class="jpanelTable">'+ 
      '<tbody>'+trs+'</tbody>'+ 
     '</table>'+ 
    '</div>'+ 
'</div>'; 

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

Answer 1

最后我想出了东西，帮我

$('#triggerPanelBtn').click(function(){ 
    $('.class').each(function() { 
      if($(this).attr("title")==="ORS Databases") //I want to Expand/Collapse the JPanel having "ORS Databases" as it's Title 
      $(this).children('h3').trigger('click'); 
    }); 
}); 

Answer 2

您可以使用最新的JPanel 1.4版默认开启功能，并指定面板像打开下面

$('#wrapperId').jPanel({ 
    "defaultOpen" : true 
      // other settings 
}); 

或如果你已经使用类选择器初始化了面板，并希望单独打开一些面板，使用按钮上的标题，单击你可以按照上面提到的那样进行操作。