jQuery Layout

Reference: http://layout.jquery-dev.net/

HTML

<script src="http://layout.jquery-dev.net/lib/js/jquery.layout-latest.js"></script>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West
    <br/>
    <br/>

    <button id="eastToggle">Toggle East Panel</button>
    <br/>
    <br/>
    <button id="attempt">Change Width?</button>
</div>

JavaScript

var testLayout = $('body').layout({
    applyDefaultStyles: true,
    east: {
        spacing_closed: 100, //toggler width
        spacing_open: 100,
        togglerLength_closed: 200, //toggler height (length)
        togglerLength_open: 200
    }
});

$("#eastToggle").click(function () {
    
    testLayout.toggle('east');
    
});


$("#attempt").click(function () {
    //is it possible to change the height/width (or even other attributes) of the toggler?

    //testLayout.east.spacing_open = 20;    //something like this ??
    testLayout.options.east.spacing_open = 20;
    
    //toggle close/open to refresh it...is there a refresh method instead?
    testLayout.toggle('east');
    testLayout.toggle('east');


});