easyui layout 折叠后显示标题

( function ($){

    var buttonDir = {north: 'down' ,south: 'up' ,east: 'left' ,west: 'right' };

     $.extend($.fn.layout.paneldefaults,{

         onBeforeCollapse: function (){

             /**/

             var popts = $( this ).panel( 'options' );

             var dir = popts.region;

             var btnDir = buttonDir[dir];

             if (!btnDir) return false ;

             setTimeout( function (){

                 var pDiv = $( '.layout-button-' +btnDir).closest( '.layout-expand' ).css({

                     textAlign: 'center' ,lineHeight: '18px' ,fontWeight: 'bold'

                 });

                if (popts.title){

                     var vTitle = popts.title;

                     if (dir == "east" || dir == "west" ){

                         var vTitle = popts.title.split( '' ).join( '<br/>' );

                         pDiv.find( '.panel-body' ).html(vTitle);

                     } else {

                         $( '.layout-button-' +btnDir).closest( '.layout-expand' ).find( '.panel-title' )

                         .css({textAlign: 'left' })

                         .html(vTitle)

                     }

                    }   

             },100);            

         }

     });

})(jQuery);