What do you specifically need help with?  Do a search for jQuery Accordion Panel... something like http://www.learningjquery.com/2007/03/accordion-madness

Hope this helps

We are using http://jqueryui.com/demos/accordion

It's really easy to implement. We have the following structure:

FAQs
- Section
-- Item with Question and Answer as Genericic Property (RichText Editor)

So my xslt is:

<xsl:template match="/">
  <xsl:for-each select="$currentPage/node">
    <h2><xsl:value-of select="@nodeName" /></h2>
    <div class="faq">
      <xsl:for-each select="node">
        <h3>
          <a href="#">
            <xsl:value-of select="position()"/>. <xsl:value-of select="data [@alias='Question']" disable-output-escaping="yes" />
          </a>
        </h3>
        <div>
          <xsl:value-of select="data [@alias='Answer']" disable-output-escaping="yes" />
        </div>
      </xsl:for-each>
    </div>
  </xsl:for-each>
</xsl:template>

And in my template I have:

<script src="/scripts/jQuery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/scripts/jQuery/UI/jquery-ui-1.7.1.min.js" type="text/javascript"></script>
<link href="/scripts/jQuery/UI/css/ui.all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
  $(function() {
    $(".faq").accordion({
      autoHeight: false,
      collapsible: true,
      active: false
    });
  });
</script>

jQuery itself I have in the master template, so it isn't

hth, Thomas

Hey thanks for your reply. I will try these things.

is working on a reply...