Manually Close UI Panes?

Manually Close UI Panes?

Hi,

i want to make an extra button to close all panes in my layout. my setup looks like this.

  1. $(document).ready(function () {
  2.             outerLayout = $('body').layout({
  3.                 center__paneSelector:    ".outer-center"
  4.             ,    west__paneSelector:        ".outer-west"
  5.             ,    east__paneSelector:        ".outer-east"
  6.             ,    north_paneSelector:        ".outer-north"
  7.             ,    west__size:                125
  8.             ,    east__size:                400
  9.             ,    spacing_open:            8 // ALL panes
  10.             ,    spacing_closed:            12 // ALL panes
  11.             ,    north__spacing_open:    0
  12.             ,    south__spacing_open:    0
  13.             ,    center__onresize:        "middleLayout.resizeAll"
  14.             });
  15.             middleLayout = $('div.outer-center').layout({
  16.                 center__paneSelector:    ".middle-center"
  17.             ,    west__paneSelector:        ".middle-west"
  18.             ,    east__paneSelector:        ".middle-east"
  19.             ,    west__size:                100
  20.             ,    east__size:                100
  21.             ,    spacing_open:            8  // ALL panes
  22.             ,    spacing_closed:            12 // ALL panes
  23.             ,    center__onresize:        "innerLayout.resizeAll"
  24.             });
  25.             innerLayout = $('div.middle-center').layout({
  26.                 center__paneSelector:    ".inner-center"
  27.             ,    west__paneSelector:        ".inner-west"
  28.             ,    east__paneSelector:        ".inner-east"
  29.             ,    west__size:                75
  30.             ,    east__size:                75
  31.             ,    spacing_open:            8  // ALL panes
  32.             ,    spacing_closed:            8  // ALL panes
  33.             ,    west__spacing_closed:    12
  34.             ,    east__spacing_closed:    12
  35.             });
  36.         });

ok now i try to close them in this manner:

  1. outerLayout.toggle("outer-east");

but then outerLayout doesnt get an object it seems... any one knows which function is normaly called when you click the ui-toggle buttons?

thanks for help, excuse my english ;D