I am using a Bootstrap vertical menu with the DDR Menu template, and I am trying to add multiple child pages and grandchild pages. The dropdown for the first level of child works for me, however I can't get my second level pages to show underneath.

Here is my code

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html"/>
    <xsl:template match="*" mode="header">
        <xsl:apply-templates select="root" />
    </xsl:template>
    <xsl:template match="root">
        <ul class="sidebar-nav">
            <xsl:apply-templates select="node">
                <xsl:with-param name="level" select="0"/>
            </xsl:apply-templates>
        </ul>
    </xsl:template>
    <xsl:template match="node">
        <xsl:param name="level" />
        <xsl:choose>
            <xsl:when test="$level=0">
                <li>
                    <xsl:attribute name="class">
                        <xsl:if test="@breadcrumb = 1">active</xsl:if>
                        <xsl:if test="node">
                            <xsl:text>dropdown</xsl:text>
                        </xsl:if>
                    </xsl:attribute>
                    <xsl:choose>
                        <xsl:when test="@enabled = 0">
                            <a href="{@url}">
                                <xsl:attribute name="class">
                                    <xsl:if test="node">
                                        <xsl:text>dropdown-toggle</xsl:text>
                                    </xsl:if>
                                </xsl:attribute>
                                <xsl:if test="node">
                                    <xsl:attribute name="data-toggle">dropdown</xsl:attribute>
                                </xsl:if>
                                <xsl:value-of select="@text" />
                                <xsl:if test="node">
                                    <b class="hidden-desktop icon icon-chevron-down icon-white sidemenu-icon"></b>
                                </xsl:if>
                            </a>
                        </xsl:when>
                        <xsl:otherwise>
                            <xsl:value-of select="@text" />
                        </xsl:otherwise>
                    </xsl:choose>
                    <xsl:if test="node">
                        <ul class="dropdown-menu dropdown-sidemenu">
                            <xsl:apply-templates select="node">
                                <xsl:with-param name="level" select="$level + 1" />
                            </xsl:apply-templates>
                        </ul>
                    </xsl:if>
                </li>
            </xsl:when>
            <xsl:otherwise>
                <li>
                    <xsl:attribute name="class">
                        <xsl:if test="@breadcrumb = 1">active</xsl:if>
                        <xsl:if test="node">
                            <xsl:text>dropdown</xsl:text>
                        </xsl:if>
                    </xsl:attribute>
                    <xsl:choose>
                        <xsl:when test="@enabled = 0">
                            <a href="{@url}">
                                <xsl:attribute name="class">
                                    <xsl:if test="node">
                                        <xsl:text>dropdown-toggle</xsl:text>
                                    </xsl:if>
                                </xsl:attribute>
                                <xsl:if test="node">
                                    <xsl:attribute name="data-toggle">dropdown</xsl:attribute>
                                </xsl:if>
                                <xsl:value-of select="@text" />
                                <xsl:if test="node">
                                    <b class="hidden-desktop icon icon-chevron-down icon-white sidemenu-icon"></b>
                                </xsl:if>
                            </a>
                        </xsl:when>
                        <xsl:otherwise>
                            <xsl:value-of select="@text" />
                        </xsl:otherwise>
                    </xsl:choose>
                    <xsl:if test="node">
                        <ul class="dropdown-menu dropdown-sidemenu">
                            <xsl:apply-templates select="node">
                                <xsl:with-param name="level" select="$level + 1" />
                            </xsl:apply-templates>
                        </ul>
                    </xsl:if>
                </li>
                <xsl:if test="node">
                    <!-- no extra level in default bootstrap -->
                </xsl:if>
            </xsl:otherwise>
        </xsl:choose>
    </xsl:template>
</xsl:stylesheet>