Geschlossen
Hallo hab folgendes Problem.
Ich möchte bei meiner Navbar einen tab über den ersten Tab der Navbar haben. Siehe Photo Tab5
Diesen Tab möchte ich über mouseover einblenden lassen.
Dann hat man auf den Tab geklickt, möchte ich, dass er wieder verschwindet ohne Animation.
Nun mein Problem.
Ich hab es geschafft, dass wenn man auf den Link klickt er verschwindet und wenn man nochmal über den Tab5 mit der Maus drüberfahrt und dann von Tab5 weg fahrt er verschwindet.
Fahrt man jedoch auf Tab1 und dann wieder weg (zB jemand fahrt über Tab1, Tab5 scheint auf, er will aber nicht darauf klicken ) dann bleibt Tab5 stehen. Das möchte ich verhindern.
Ich möchte das der Tab immer verschwindet wenn man ihn nicht benutzt bzw auf ihn klickt.
den Tab5 habe ich mit position fixed und top gelöst. Ich weiss es geht auch besser, doch weiss ich nicht wie.
Hier der Code
Hallo hab folgendes Problem.
Ich möchte bei meiner Navbar einen tab über den ersten Tab der Navbar haben. Siehe Photo Tab5
Diesen Tab möchte ich über mouseover einblenden lassen.
Dann hat man auf den Tab geklickt, möchte ich, dass er wieder verschwindet ohne Animation.
Nun mein Problem.
Ich hab es geschafft, dass wenn man auf den Link klickt er verschwindet und wenn man nochmal über den Tab5 mit der Maus drüberfahrt und dann von Tab5 weg fahrt er verschwindet.
Fahrt man jedoch auf Tab1 und dann wieder weg (zB jemand fahrt über Tab1, Tab5 scheint auf, er will aber nicht darauf klicken ) dann bleibt Tab5 stehen. Das möchte ich verhindern.
Ich möchte das der Tab immer verschwindet wenn man ihn nicht benutzt bzw auf ihn klickt.
den Tab5 habe ich mit position fixed und top gelöst. Ich weiss es geht auch besser, doch weiss ich nicht wie.
Hier der Code
Code:
$('#nav_tab1').mouseover(function() {
$('#nav_tab5').fadeToggle("slow", "linear");
});
$('#nav_tab5').mouseout(function() {
$('#nav_tab5').fadeToggle("fast");
});
Zuletzt bearbeitet: