Resize borderContainer onClick titlePane

http://stackoverflow.com/questions/12121968/resize-bordercontainer-onclick-titlepane

by phusick

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css">
<div data-dojo-type="dijit.layout.BorderContainer" id="borderContainer" style="height:100%;">
    <div data-dojo-type="dijit.TitlePane" region="top" id="titlePane" title="Title">
    <script type="dojo/method">
        dijit.byId("titlePane").watch("open", function(param, oldValue, newValue) {
            var animation = newValue ? this._wipeIn : this._wipeOut;
            var handler = dojo.connect(animation, "onEnd", this, function() {
                console.log("onEnd");
                dijit.byId("borderContainer").resize();    
                dojo.disconnect(handler);            
            });
        });
    </script>
    </div>
    <div data-dojo-type="dijit.layout.TabContainer" region="center" id="tabContainer">
        <div data-dojo-type="dijit.layout.ContentPane" id="contentPane" title="content" selected="true">
            This is the content
        </div>  
    </div>
</div>

CSS

html {
    height: 100%;
}

body {
    padding: 30px;
    height: 100%;
}

JavaScript

require([
    "dijit/layout/BorderContainer",
    "dijit/TitlePane",
    "dijit/layout/TabContainer",
    "dijit/layout/ContentPane"
], function(

) {

      
});