2016-03-25 7 views
0

Ich habe Skript auf meiner Website:Entfernen schweben in ein-/ausblenden mit jQuery auf div klicken

$(document).ready(function(){ 
    $("#browse").click(function(){ 
     $("#navbar-secondary").show(); 
     $("#navbar-secondary").addClass('animated fadeIn'); 
    }); 
}); 

Wenn ich auf div id="browse" es :hover/:focus CSS-Stil haben, und ich will es nach Klick entfernen.

Was soll ich tun?

Grüße!

+0

Bitte senden Sie Ihre CSS und HTML –

+0

Code sollte vollständig formatiert und in einer Weise, dass es leicht zu lesen ist. – hotzst

Antwort

0

Ohne den Code dieses schwer zu sehen, verwenden können, zu beantworten, aber fügen Sie eine Klasse auf schweben/konzentrieren? Oder ist es der Browser-Pseudoklassenfokus, den Sie entfernen möchten?

Also, in Ihrem CSS haben Sie Element: Fokus {} und das verursacht Ihnen das Problem?

Wenn dies der Fall ist, können Sie die Weichzeichnung verwenden oder die Klasse entfernen, wenn eine wie oben vorgeschlagen hinzugefügt wird.

+0

Ich habe eine Pseudo-Browser-Klasse wie '.navbar-inverse .navbar-nav> li> a: schweben, .navbar-inverse .navbar-nav> li> a: focus' – mateuszji

+0

versuchen Sie $ (this) .focus() .blur(); – claicham

+0

Jetzt funktioniert es, aber ich muss eine neue ID hinzufügen, weil Hover/Fokus-Effekt auf dem $ this ist, wie kann ich es tun, ohne neue ID hinzuzufügen? – mateuszji

0

Sie removeClass

$("#browse").click(function(){  
      $("#navbar-secondary").show(); 
      $("#navbar-secondary").addClass('animated fadeIn'); 
      $(this).removeClass("yourHoverClassName"); 
     }); 
+0

Es sollte sein: '$ (this) .removeClass (": hover: focus");'? – mateuszji

+0

@mateuszji Nein. Was ist der Klassenname, den Sie beim Hover oder Focus anwenden? –

+0

.navbar-inverse .navbar-nav> li> a: Schweben, .navbar-inverse .navbar-nav> li> a: Fokus - anders als mein #browse div. – mateuszji