programmatically add/remove splitter, resize a contentpane

[TracySchloss]

I have a footer as a contentPane defined as

<div id="footer" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'">

I have a buffer tool based on a button click that will open a grid in the footer.  Until that tool is activated, I'd rather not see the footer at all.  Not only do I want to set a height to it, but I also want to set the splitter property on it.

I thought I could use dom-style like

domStyle.set("footer", "splitter", "true"), and also set the height this way, but it doesn't work.

[KellyHutchins · Accepted solution]

Here's some sample code that shows how to open a dojo content pane based on some condition. In this example if you click on a line feature then click the 'elevation profile' link at the bottom of the popup the elevation profile chart appears in a content pane.

Here's a jsbin showing the code and I've also attached as a zip.

JS Bin - Collaborative JavaScript Debugging

[TracySchloss]

That works great, thanks Kelly.