Развернуть / свернуть определенные jpanels

Question

Как можно развернуть или свернуть определенные JPanels на основе Title или some id?

Пока что я могу переключать / разворачивать 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

Вы можете использовать последнюю версию jPanel 1.4 с функцией открытия по умолчанию и указать панели для открытия, как показано ниже

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

или если вы инициализировали панели с помощью селектора классов и хотите открыть только некоторые панели, используя заголовок из набора, нажмите кнопку, и вы можете сделать, как указано выше.

Answer 2

Наконец-то я придумал что-то, что мне помогло

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