var panetoggler = 0; on(dom.byId("button1"), "click", function () { alert("closing"); var floatingpane = dojo.widget.byId(Tools); if (panetoggler == 0){ floatingpane.show(); panetoggler = 1; } else{ floatingpane.hide(); panetoggler = 0; } })
<div data-dojo-type="dijit/TitlePane" id="Tools" data-dojo-props="title:'Tools', closable:false, open:false"> <div data-dojo-type="dijit/layout/ContentPane" style="width:200; "> <div class="toolbar"><input type="button" class="myButton" id="button1" value="Identify" /></div> </div> </div>
Solved! Go to Solution.
//it's open if (tp.open) { tp.toggle(); } //it's not open if (!tp.open) { tp.toggle(); }
titlePane.toggle();
//it's open if (tp.open) { tp.toggle(); } //it's not open if (!tp.open) { tp.toggle(); }