Hi, Im having some trouble applying a class to an "a" tag for a collapse/expand nav.

Im trying to replicate the following jquery based nav...

http://www.mathachew.com/sandbox/collapsible-menu/

The problem im having is applying the "collapse" class to the "a" tag, only if there is child nodes.

Would be greatful if someone could help and steer me in the direct of a better way.

My xslt is...

Thanks

Martin

<!-- Input the documenttype you want here -->
<xsl:variable name="levelroot" select="1"/>
<xsl:variable name="level" select="2"/>
<xsl:template match="/">
    <!-- Root Node -->
    <xsl:variable name="rootNode" select="$currentPage/ancestor-or-self::root" />
  
<!-- The fun starts here -->
<div class="nav">  
  <h4>../<xsl:value-of select="$currentPage/ancestor-or-self::*[@level=$level]/@nodeName "/></h4>
  <ul>
    
  <xsl:attribute name="class">
    <xsl:value-of select="$currentPage/ancestor-or-self::*[@level=$level]/@urlName"/>
  </xsl:attribute>
        
  <xsl:for-each select="$currentPage/ancestor-or-self::* [@level=$level]/* [@isDoc and string(umbracoNaviHide) != '1']">
    <li>
      <xsl:if test="$currentPage/ancestor-or-self::*[@isDoc]/@id = current()/@id">
        <xsl:attribute name="class">
          <xsl:text>selected</xsl:text>
        </xsl:attribute>
      </xsl:if>
      
        <xsl:if test="count($currentPage/child::*) &gt; 0">
          <xsl:attribute name="class">
            <xsl:text>collapse</xsl:text>
          </xsl:attribute>
      </xsl:if>
      
      <a href="{umbraco.library:NiceUrl(@id)}">  
        <xsl:value-of select="@nodeName"/>
      </a>
      
      <!--SUB NAV-->
           <xsl:if test="*[umbracoNaviHide != 1]">
            <ul class="subnav">
              <xsl:for-each select="*[umbracoNaviHide != 1]">
                <li><a href="{umbraco.library:NiceUrl(@id)}"><xsl:value-of select="@nodeName"/></a></li>
              </xsl:for-each>
            </ul>
           </xsl:if>
    </li>
  </xsl:for-each>
    
  </ul>
</div>
</xsl:template>