<ul>
    <li> <a href="{% url 'home' %}" class="waves-effect"><i class="mdi mdi-home"></i><span> Home  </span></a> </li>
    <li class="has_sub"> <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-album"></i> <span> Products </span> <span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
    <ul class="list-unstyled">
        <li class="has_sub"> <a href="javascript:void(0);" class="waves-effect"><span> Buttons </span> <span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
        <ul class="list-unstyled">
            <li><a href="#">Buttons1</a></li>
            <li><a href="#">Buttons2</a></li>
        </ul>
    </li>
    <li><a href="#">Panels</a></li>
    <li><a href="#">Tabs & Accordions</a></li>
    <li><a href="#">Modals</a></li>

</ul>

i.$leftMenuToggle.on("click", function(e) {
            e.stopPropagation(), i.openLeftBar()
        }),
        i.$menuItem.on("click", i.menuItemClick),
        i.$firstMenuChild.parents("li:last").children("a:first").addClass("active").trigger("click"),

        i.$menuItem.each(function() {
            this.href == window.location.href && (e(this).addClass("active"),
                e(this).parent().addClass("active"),
                e(this).parent().parent().prev().addClass("active"),
                e(this).parent().parent().prev().trigger("click"))
        })