Document

Shop

Tops Bottoms Shoes Accessories Sales

Blog About Contact

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
            <xsl:template match="/">
              <template slot="template">
                <xsl:apply-templates select="details">
                  <xsl:with-param name="list-id">nav</xsl:with-param>
                  <xsl:with-param name="input-role">button</xsl:with-param>
                  <xsl:with-param name="tabindex">1</xsl:with-param>
                </xsl:apply-templates>
              </template>
            </xsl:template>
            <xsl:template match="details">
                <xsl:param name="list-id"></xsl:param>
                <xsl:param name="input-role"></xsl:param>
                <xsl:param name="tabindex"></xsl:param>
                <xsl:variable name="label-class">
                  <xsl:choose>
                    <xsl:when test="$list-id = 'nav'">down</xsl:when>
                    <xsl:otherwise>right</xsl:otherwise>
                  </xsl:choose>
                </xsl:variable>
                <xsl:variable name="link-id">link-<xsl:value-of select="summary/@label-id"></xsl:value-of></xsl:variable>
                <input aria-controls="{$list-id}" aria-haspopup='true' aria-labelledby="{summary/@label-id}" id="{$link-id}"
                    role="{$input-role}" tabindex="{$tabindex}" type="checkbox"/>
                <label class="{$label-class}" for="{$link-id}" id="{summary/@label-id}" role="none" tabindex="-1"><xsl:value-of select="summary"></xsl:value-of></label>
                <ul aria-labelledby="{summary/@label-id}" id="{$list-id}" role="menu">
                  <li role="none">
                      <xsl:apply-templates select="details">
                        <xsl:with-param name="list-id">nest</xsl:with-param>
                        <xsl:with-param name="input-role">menu</xsl:with-param>
                        <xsl:with-param name="tabindex" select="$tabindex + 1"></xsl:with-param>
                      </xsl:apply-templates>
                  </li>
                  <xsl:for-each select="a">
                      <li role="none">
                          <a role="menuitem" tabindex="{$tabindex + 2}"><xsl:value-of select="."/></a>
                        </li>
                  </xsl:for-each>
                </ul>
              
            </xsl:template>
    
        </xsl:stylesheet>