<div class="accordion-menu">
        <ul class="accordion-list cd-accordion-menu is-root">
            <li class="accordion-list-item has-children">
                <a class="accordion-list-item__link" href="#0">
                    <span class="accordion-list-item__icon ion-settings"></span>
                    Sub Group 1
                </a>
                <ul class="accordion-list is-opened">
                    <li class="accordion-list-item has-children">
                        <a class="accordion-list-item__link" href="#0">
                            <span class="accordion-list-item__icon fa fa-bars"></span>
                            Sub Group 1.1
                        </a>
                        <ul class="accordion-list">
                            <li class="accordion-list-item">
                                <a class="accordion-list-item__link" href="#0">
                                    <span class="accordion-list-item__icon fa fa-bars"></span>
                                    Item 1
                                </a>
                            </li>
                            <li class="accordion-list-item">
                                <a class="accordion-list-item__link" href="#0">
                                    <span class="accordion-list-item__icon fa fa-bars"></span>
                                    Item 2
                                </a>
                            </li>
                            <li class="accordion-list-item">
                                <a class="accordion-list-item__link" href="#0">
                                    <span class="accordion-list-item__icon fa fa-bars"></span>
                                    Item 3
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="accordion-list-item">
                        <a class="accordion-list-item__link" href="#0">
                            <span class="accordion-list-item__icon fa fa-bars"></span>
                            Item 1
                        </a>
                    </li>
                    <li class="accordion-list-item">
                        <a class="accordion-list-item__link" href="#0">
                            <span class="accordion-list-item__icon fa fa-bars"></span>
                            Item 2
                        </a>
                    </li>
                </ul>
            </li>
            <li class="accordion-list-item">
                <a class="accordion-list-item__link" href="#0">
                    <span class="accordion-list-item__icon fa fa-bars"></span>
                    Sub Group 2
                </a>
            </li>
            <li class="accordion-list-item">
                <a class="accordion-list-item__link" href="#0">
                    <span class="accordion-list-item__icon fa fa-bars"></span>
                    Sub Group 3
                </a>
            </li>
        </ul> <!-- cd-accordion-menu -->
    </div>

.accordion-list-item.has-children > .accordion-list-item__link::before {
    margin-right: 4px;
    content: 'f125';
    font-family: "Ionicons"; }