Show/Hide Dojo Data Grid - JS API

JK

Hello,
I have a Web tool built using and ArcGIS REST service using JS API.

The top (region) pane contains the search (findTask) box.
The center pane contains the map.
The right pane contains the data grid.

The tool works fine.  Next I'd like to add the capability to collapse and show the right region pane at will?  I'm not finding any solutions online.  Any ideas?

The pane is in a <div> tag below.

Thanks.

<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'right'" style="width:400px;">
     <table data-dojo-type="dojox.grid.DataGrid" data-dojo-id="grid"  id="grid" data-dojo-props="rowsPerPage:'50', rowSelector:'20px'">
      <thead>
        <tr>
          <th field="ST_ABBR" width="35">ST</th>
          <th field="CENTER" width="200">WC</th>
        </tr>
      </thead>
    </table>
</div>

StephenLead

Hi Kelly,

Note that the expandoPane closes "backwards" when it's placed on the right-hand side - the default ease-in and ease-out method assumes that it's placed on the left-hand side.

Any ideas how to resolve that? Not a big deal, but it would make the panel's operation more obvious.

Cheers,
Steve