2016-07-26 23 views
0

Hier ist der Code, den ich über

http://codepen.io/Jacgues/pen/AXakkg

Wie Sie sehen können tippe ich auf Methoden verwendet habe, die richtige Funktionalität zu erreichen, das Menü.

Das Problem ist, wenn Sie auf Warenkorbposition klicken, wird es nicht angezeigt. Scheint, als ob es nicht richtig ausgerichtet ist, also sind alle Elemente dieser Art hide() aber nein diese bestimmte, die ich als eine Ausnahme setzen möchte.

Wenn Sie auf Konto oder Hilfe klicken, funktioniert toggle() nicht.

Mein Ziel ist es zu erreichen, das Kind des angeklickten Elements umzuschalten und alle anderen Elemente dieser Art außer diesem bestimmten zu verstecken.

Könnten Sie mir bitte helfen?

+1

Sie sollten den entsprechenden Code hier bei SO gepostet haben. – Satpal

+0

Ok ... Ich habe richtig geantwortet, denke ich. Aber beim zweiten Lesen Ihrer Frage muss ich nach der "Ausnahme" fragen, die Sie erreichen wollen. Vielleicht waren diese "umgekehrten Linien" doch gemeint ... Was willst du genau machen? Lassen Sie das Warenkorb-Dropdown geöffnet? –

Antwort

1

Sie haben einfach zwei Zeilen "invertiert".
Sie müssen sich VOR Toggeling verstecken ...

Wie Sie anderswo! ;)

Siehe your CodePen forked.

$('.cart').click(function() { 
    $dropdown.not(this).hide(); 
    $(this).children('.dropdown-menu').toggle(); 

}); 

By the way .... .not(this) ist IMMER true.
Da this$(".cart") ist, passt keines seiner untergeordneten Elemente.

$dropdown.hide(); ist genug für das, was Sie tun möchten.

Sie können .not(this) überall entfernen.
;)