<ul class='wraplist' >
<li class="open">
<a href="javascript:;"> <i class="fa fa-folder-open"></i> <span class="title">Menu Levels</span> <span class="arrow open"></span> </a>
<ul class="sub-menu" style="display:block;">
<li> <a href="javascript:;"> <span class="title">Level 1.1</span> </a> </li>
<li class="open"> <a href="javascript:;"> <span class="title">Level 1.2</span> <span class="arrow open"></span> </a>
<ul class="sub-menu" style="display:block;">
<li> <a href="javascript:;"> <span class="title">Level 2.1</span> </a></li>
<li class="open"> <a href="ujavascript:;"> <span class="title">Level 2.2</span> <span class="arrow open"></span></a>
<ul class="sub-menu" style="display:block;">
<li class="open"> <a href="javascript:;"> <span class="title">Level 3.1</span> <span class="arrow open"></span></a>
<ul class="sub-menu" style="display:block;">
<li> <a href="ujavascript:;"> <span class="title">Level 4.1</span> </a> </li>
<li> <a href="ujavascript:;"> <span class="title">Level 4.2</span> </a> </li>
</ul>
</li>
<li> <a href="ujavascript:;"> <span class="title">Level 3.2</span> </a> </li>
</ul>
</li>
</ul>
</li>
</ul>
</li>