<h1>
    Accordion Trees
</h1>
<p>
    Accordions are multi-pane panels that keep only one panel expanded
    at a time. They are commonly used for navigation.
</p>
<p>
    You can use the <b>TreeView</b> control to implement accordions.
</p>
<p>
    Use CSS to customize the header display and to hide the
    collapse/expand glyphs, and make sure the <b>autoCollapse</b>
    property is set to true (the default), so non-active panels
    are automatically collapsed.
</p>

<label>
    Use Custom CSS
    <input id="customCss" type="checkbox" checked="checked">
</label>
<div id="msg" class="msg">Ready</div>
@Html.C1().TreeView().Id("theTree").CssClass("accordion")