accordion.css

<style>
#collapse * {
    display:block;
    list-style:none;
    cursor:pointer;
    text-transform:uppercase;
}
#collapse ul li {
}
.open{}
</style>

accordion.html

<ul id="collapse">
    <li> level > 
        <ul>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3
                        <ul>
                            <li>level 4</li>
                            <li>level 4</li>
                            <li>level 4</li>
                            <li>level 4</li>
                        </ul>
                    </li>
                    <li>level 3
                        <ul>
                            <li>level 4</li>
                            <li>level 4</li>
                            <li>level 4</li>
                            <li>level 4</li>
                        </ul>
                    </li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
    level >
        <ul>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
    level >
        <ul>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
            <li>level 2
                <ul>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                    <li>level 3</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

accordion_script

<script src="http://code.jquery.com/jquery-1.11.3.js"></script> 
<script>
$(function () {
    $("#collapse li").children('ul').hide();
    $("#collapse li").on('click', function (event) {
        $(this).children('ul').stop().slideToggle(350);
        $(this).toggleClass("open");
        event.stopPropagation();
    });
});
</script>