<?xml version="1.0" encoding="UTF-8"?>
<section>
<sectioninfo>
<keywordset>
    <keyword>rich:simpleTogglePanel</keyword>
</keywordset>
</sectioninfo>
<section>
<title>Description</title>
    <para>A collapsible panel, which content shows/hides after activating a header control.</para>
    <figure>
        <title><emphasis role="bold"><property>&lt;rich:simpleTogglePanel&gt;</property></emphasis> component</title>
    <mediaobject> 
        <imageobject>
            <imagedata fileref="images/simpleTogglePanel_init.png"/>
        </imageobject>
    </mediaobject>
    </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem><para>Highly customizable look and feel </para></listitem>
        <listitem><para>Support for any content inside</para></listitem>
        <listitem><para>Collapsing expanding content</para></listitem>
        <listitem><para>Three modes of collapsing/expanding</para>
        <itemizedlist>
        <listitem><para><code>Server</code></para></listitem>
        <listitem><para><code>Client</code></para></listitem>
        <listitem><para><code>Ajax</code></para></listitem>
        </itemizedlist>
        </listitem>   
    </itemizedlist>
</section>
</section>