Développer/Réduire des jpanels spécifiques

Question

Comment puis-je développer ou réduire des données spécifiques JPanels sur la base du Title ou some id? Jusqu'à présent, je peux basculer/déployer JPanels en utilisant le bouton.

//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

Enfin je suis venu avec quelque chose qui m'a aidé

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

Vous pouvez utiliser la dernière version DPanel 1.4 avec la fonctionnalité ouverte par défaut et spécifier les panneaux pour ouvrir comme ci-dessous

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

ou Si vous avez initialisé des panneaux à l'aide d'un sélecteur de classes et que vous voulez ouvrir certains panneaux seuls en utilisant le titre de l'ensemble sur un bouton, vous pouvez faire ce que vous avez mentionné ci-dessus.