Vertical Menu

<section>
    <ul class="vertical_menu">
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>explicabo molestias quas</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="https://dulce.name">incidunt est et</a></div>
                            <div class="sublink"><a href="http://adelle.biz">architecto perferendis dolorum</a></div>
                            <div class="sublink"><a href="https://greg.info">qui commodi sapiente</a></div>
                            <div class="sublink"><a href="http://herta.info">porro ut unde</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>labore et qui</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="http://ali.com">inventore qui sed</a></div>
                            <div class="sublink"><a href="http://eudora.net">et tenetur nihil</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>unde blanditiis ipsam</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="http://donnell.name">iure assumenda quibusdam</a></div>
                            <div class="sublink"><a href="https://monserrat.com">inventore aut velit</a></div>
                            <div class="sublink"><a href="https://danika.name">quas fugit eos</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>velit minima consectetur</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="https://kariane.biz">aut non iure</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <a href="http://alva.biz">
                    <h2>nisi reprehenderit asperiores</h2>
                </a>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>ea quia voluptatibus</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="https://elyssa.org">et dolorum quaerat</a></div>
                            <div class="sublink"><a href="http://jocelyn.biz">dolores voluptas suscipit</a></div>
                            <div class="sublink"><a href="https://garett.org">facere ut consectetur</a></div>
                            <div class="sublink"><a href="http://jailyn.biz">aut saepe esse</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>quaerat nostrum quis</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="https://landen.com">cum sit itaque</a></div>
                            <div class="sublink"><a href="http://buster.biz">eius id aut</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>enim non quo</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="https://lane.net">nam ut iusto</a></div>
                            <div class="sublink"><a href="https://violette.biz">ex fuga corrupti</a></div>
                            <div class="sublink"><a href="https://darron.org">modi incidunt pariatur</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <a href="http://marley.name">
                    <h2>est aut magni</h2>
                </a>
            </div>
        </li>
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom has-children">
                            <h2>ut sed veritatis</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink"><a href="https://alysson.name">tempore perspiciatis amet</a></div>
                            <div class="sublink"><a href="https://coralie.biz">officiis et ab</a></div>
                            <div class="sublink"><a href="http://abby.net">reprehenderit accusantium quaerat</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</section>