2016-07-14 10 views
1

Ich habe 3 bis 4 Tasten und wenn ich 1. Taste -a popover -tooltip klicken Sie öffnet & Klick auf 2. Schaltfläche Tooltip öffnet aber die erste Schaltfläche Tooltip schließt nicht. Ich möchte das Tooltip Popover schließen, wenn ich auf die nächste Schaltfläche klicke.jquery -Diese-Show und verstecken für Tooltip

$(document).ready(function() { 
    $('.btn).click(function() { 
     $(this).find('.popover).show(); 
    }); 
}); 
+1

Fragen Debug-Hilfe zu suchen (** „warum nicht dieser Code zu arbeiten?“ **) muss das gewünschte Verhalten enthalten, eine spezifische Problem oder Fehler und der kürzeste Code, der nötig ist, um ihn ** in der Frage selbst zu reproduzieren **. Fragen ohne ** eine klare Problemstellung ** sind für andere Leser nicht nützlich. Siehe: [Erstellen eines minimalen, vollständigen und überprüfbaren Beispiels] (http://stackoverflow.com/help/mcve). – Andreas

Antwort

0

Überprüfen Sie jQuery siblings() Funktion.

So etwas wie $(this).siblings().find('.popover').hide();

direkt nach dem $(this).find('.popover').show();

sollte die Arbeit machen.

Überprüfen Sie auch Tippfehler wie ('.popover) sollte ('.popover')

Einfaches Beispiel https://jsfiddle.net/ex3ntia/6hj7p94g/

1

Sie sein müssen alle popover Elemente verstecken, bevor die gezielte man zeigt, versuchen Sie dies:

$(document).ready(function() { 
    $('.btn').click(function() { 
     //Hide All 
     $('.btn .popover').hide(); 
     //Show Target 
     $(this).find('.popover').show(); 
    }); 
}); 

Anmerkung 10 :: Du einige enge ' Elemente auf Ihrer Wähler fehlt prüfen, ob