The panel was initialized as collapsed='true', but the title is not showing up in the title bar area (only empty space that does not give a clue what it might be).
<div data-options="region:'north', split:true" title="Edit Your information" style="height:180px" collapsed="true">
I tried the code from another thread as the following:
var p = $('#maincontainer').layout('panel','north').panel({
onCollapse:function(){
var title = $('#maincontainer').layout('panel','north').panel('options').title; // get the north panel title
var p = $('#maincontainer').data('layout').panels['expandNorth']; // the north expand panel
p.html('<div>'+title+'</div>');
}
});
but it did not work even after the page loaded.