Markup for a wijexpander looks like this:

<div id="expander">
    <div>
        header
    </div>
    <div>
        content
    </div>
</div>

<div id="expander">
    <h1>
        header
    </h1>
    <div>
        content
    </div>
</div>

You can initialize the wijexpander with code like the following:

<script id="scriptInit" type="text/javascript">
     $('#expander').wijexpander ({expanded: false });
</script>

When you view the project in a browser, it will be unexpanded by default and look like this:

Click the above expander's header to expand the widget and view the content area.

See Also

Reference