Raptus Design Theme

<nav class="mobile-menu mobile-menu--[modifier class]">
    <input class="mobile-menu__toggle" type="radio" value="" name="[modifier class]-2" id="[modifier class]-2-closed" checked>
    <ul class="mobile-menu__root">
        <li>
            <a href="javascript://" class="post-card">
                <span class="post-card__title card-title card-title--large card-title--left-zero">
                    <span class="card-title__title">Country & Folk</span>
                </span>
            </a>
        </li>
        <li>
            <input class="mobile-menu__toggle" type="radio" value="" name="[modifier class]-2" id="[modifier class]-2-2">
            <div class="mobile-menu__trigger">
                <label for="[modifier class]-2-2" class="mobile-menu__trigger-open post-card">
                    <div class="post-card__title card-title card-title--large card-title--left-zero">
                        <span class="card-title__title">Dance & Disco</span>
                    </div>
                    <span class="post-card__description icon icon-chevron-down"></span>
                </label>
                <label class="mobile-menu__trigger-close" for="[modifier class]-2-closed"></label>
            </div>
            <div class="mobile-menu__child mobile-menu__[modifier class]-2">
                <input class="mobile-menu__toggle" type="radio" value="" name="[modifier class]-2-2_3" id="[modifier class]-2-2_3-closed" checked>
                <ul>
                    <li>
                        <a href="javascript://" class="post-card">
                            <span class="post-card__title card-title card-title--left-zero">
                                <span class="card-title__title">Alles in Dance & Disco</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript://" class="post-card">
                            <span class="post-card__title card-title card-title--left-zero">
                                <span class="card-title__title">Dubstep</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <input class="mobile-menu__toggle" type="radio" value="" name="[modifier class]-2-2_3" id="[modifier class]-2-2_3-3">
                        <div class="mobile-menu__trigger">
                            <label for="[modifier class]-2-2_3-3" class="mobile-menu__trigger-open post-card">
                                <div class="post-card__title card-title card-title--left-zero">
                                    <span class="card-title__title">House</span>
                                </div>
                                <span class="post-card__description icon icon-chevron-down"></span>
                            </label>
                            <label class="mobile-menu__trigger-close" for="[modifier class]-2-2_3-closed"></label>
                        </div>
                        <div class="mobile-menu__child mobile-menu__[modifier class]-3">
                            <ul>
                                <li>
                                    <a href="javascript://" class="post-card">
                                        <span class="post-card__title card-title card-title--left-zero">
                                            <span class="card-title__title">Alles in House</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript://" class="post-card">
                                        <span class="post-card__title card-title card-title--left-zero">
                                            <span class="card-title__title">Deep House</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript://" class="post-card">
                                        <span class="post-card__title card-title card-title--left-zero">
                                            <span class="card-title__title">Minimal House</span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript://" class="post-card">
                                        <span class="post-card__title card-title card-title--left-zero">
                                            <span class="card-title__title">Party Hits
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript://" class="post-card">
                                        <span class="post-card__title card-title card-title--left-zero">
                                            <span class="card-title__title">Chillstep</span>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript://" class="post-card">
                            <span class="post-card__title card-title card-title--left-zero">
                                <span class="card-title__title">Electro</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript://" class="post-card">
                            <span class="post-card__title card-title card-title--left-zero">
                                <span class="card-title__title">Dancehall</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript://" class="post-card">
                            <span class="post-card__title card-title card-title--left-zero">
                                <span class="card-title__title">Violin</span>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="javascript://" class="post-card">
                <span class="post-card__title card-title card-title--large card-title--left-zero">
                    <span class="card-title__title">Klassische Musik</span>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript://" class="post-card">
                <span class="post-card__title card-title card-title--large card-title--left-zero">
                    <span class="card-title__title">Sonstiges</span>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript://" class="post-card">
                <span class="post-card__title card-title card-title--large card-title--left-zero">
                    <span class="card-title__title">Worldmusic</span>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript://" class="post-card">
                <span class="post-card__title card-title card-title--large card-title--left-zero">
                    <span class="card-title__title">New Age</span>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript://" class="post-card">
                <span class="post-card__title card-title card-title--large card-title--left-zero">
                    <span class="card-title__title">Soundtracks</span>
                </span>
            </a>
        </li>
    </ul>
</nav>