Bootstrap 3.3.2 > 下拉菜单 > jQuery 功能

Question

我想创建一个只有点击才能使用的多下拉菜单... 如果我制作一个 2 级菜单，它可以正常工作，单击一次显示，再单击一次隐藏。但是，如果我创建一个 3 级或 4 级菜单，这会显示，但在再次单击时不会隐藏子菜单...

这是测试，如何隐藏点击父菜单的子菜单？ [工作菜单][1]

 [1]: http://jsfiddle.net/mmtx0zph/2/

Answer 1

使用 jQuery -

中的 toggleClass 方法

 $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
    // Avoid following the href location when clicking
    event.preventDefault(); 
    // Avoid having the menu to close when clicking
    event.stopPropagation();
    // opening the one you clicked on
    $(this).parent().toggleClass('open');
});

toggleClass

jsFiddle