Show/Hide Panels

A layout may be created with up to 6 panels. The panels can be visible or hidden when they are created, and can be shown or hidden during run time with animation or without.

$(function () { var pstyle = 'border: 1px solid #dfdfdf; padding: 5px;'; $('#layout').w2layout({ name: 'layout', panels: [ { type: 'top', size: 50, resizable: true, style: pstyle, content: 'top' }, { type: 'left', size: 200, resizable: true, style: pstyle, content: 'left' }, { type: 'main', style: pstyle, content: 'main' }, { type: 'preview', size: '50%', resizable: true, hidden: true, style: pstyle, content: 'preview' }, { type: 'right', size: 200, resizable: true, hidden: true, style: pstyle, content: 'right' }, { type: 'bottom', size: 50, resizable: true, hidden: true, style: pstyle, content: 'bottom' } ] }); });