Javascript 滑动导航自动关闭多级菜单

我正在用slicknav制作我的手机菜单。我遇到了一个很酷的方法，如果你点击另一个父菜单，它会自动关闭。如果我像下面这样使用它，我会让它工作得很好（请注意，我不懂javascript。你看到的是我从网上找到的其他代码中拼凑了一些）：

然后自动关闭停止。家长和子女/家长仍然开放

我希望能够轻触子项/父项并使其保持打开状态，除非您正在轻触其他子项/父项。如果我说不通的话，我很抱歉。累了，这是我能做的最好的了

正如本文开头所述，javascript不是我的语言。。。任何想法或建议都将不胜感激

<ul id="menu">
    <li class="first"><a href="#">Parent1</a>
        <ul>
            <li><a href="#" title="">Child1</a></li>
            <li><a href="#" title="">Child2</a></li>
        </ul>
    </li>
    <li><a href="#" title="">Parent2</a>
        <ul>
            <li><a href="#" title="">Child3</a></li>
            <li><a href="#" title="">Child4</a></li>
        </ul>
    </li>
    <li><a href="#" title="">Parent3</a>
        <ul>
            <li><a href="#" title="">Child5</a></li>
            <li><a href="#" title="">Child6</a></li>
        </ul>
    </li>
</ul>

<script>
    $(function(){
        $('#menu').slicknav({
            label: 'MENU',
            duration: 150,
            allowParentLinks: true,
            'open': function(trigger){
            var that = trigger.parent().children('ul');
            $('.slicknav_menu ul li.slicknav_open ul').each(function(){
                if($(this).get( 0 ) != that.get( 0 )){
                    $(this).slideUp().addClass('slicknav_hidden');
                    $(this).parent().removeClass('slicknav_open').addClass('slicknav_collapsed');
                 }
             })
        },
        closeOnClick:true
        });
    });

    $("#content").click(function(){
        $('#menu').slicknav('close');
    });
</script>

var that = trigger.parent().children('ul');
            $('.slicknav_menu ul li.slicknav_open ul').each(function(){
                if($(this).get( 0 ) != that.get( 0 )){
                    $(this).slideUp().addClass('slicknav_hidden');
                    $(this).parent().removeClass('slicknav_open').addClass('slicknav_collapsed');
                 }
             })