A wijaccordion is made up of multiple sets of header area and content area elements, like this:

<div id="accordion">
        <h3>header</h3>
        <div>content</div>
        <h3>header</h3>
        <div>content</div>
        <h3>header</h3>
        <div>content</div>
</div>

Note: The content area element immediately follows the corresponding header area element.

The following script initializes the wijaccordion widget:

<script type="text/javascript">
    $(document).ready(function () {
        $("#accordion").wijaccordion();
    });
</script>

The markup and script featured here results in the following:

See Also

Widgets