當在導航欄中打開一個項目時，關閉所有其他項目的寬度jQuery

Question

我有用jQuery打開/關閉的導航。我試圖做到這一點，當你點擊例如。第2項如果有其他項目被打開，它應該關閉它們。但現在我無法接近項目2.

$(document).ready(

function() { 
    $('a.has-child').click(function() { 
     $('div.child').not(this).removeClass("open"); 
     $(this).closest('li').find('div.child').addClass("open"); 
    }); 
}); 

這裏有一個小提琴：https://jsfiddle.net/mwcq0yek/

UPDATE：我能夠打開第4項和關閉第2項，反之亦然。但我無法單獨關閉第2項或第3項。

Answer 1

刪除全部.child的課程。

$('div.child').removeClass("open"); 

然後添加類開放所點擊的元素

$(this).closest('li').find('div.child').addClass("open"); 

Demo

更新

，如果你想關閉.child子菜單中你需要做一個測試。如果該子菜單的類別爲open或者不是，則需要進行測試。

if (submenu.hasClass("open")) { 
     submenu.removeClass("open"); 
    } else { 
     $('div.child').removeClass("open"); 
     submenu.addClass("open"); 
    } 

updated demo