hover jquery

illetuffi

Mitglied
Hallo Forum,
Ich habe hier eine hover Funktion über ein li Element es wird ein div Container eingeblendet.

Ich möchte das nach dem Ausblendung des div Containers das div wieder auf display none setzen.
Es solte aber die Ausblendung Funktion noch ausgeführt werden.

Wie mache ich das könnte mir da einer helfen?

hier ist eine jqury script.
Code:
$("ul.sidenav li").hover(function() {
		$(this).find("div").stop()
		.animate({top: "30", opacity:1}, "fast")
		.css("display","block")

	}, function() {
		$(this).find("div").stop()
		.animate({top: "0", opacity: 0}, "fast")
		.css("display","none")
	});
 
Hi,

die Methode animate unterstützt eine callback-Funktion, die ausgeführt wird, nachdem die Anmination abgeschlossen ist.
Code:
$("ul.sidenav li").hover(function() {
  $(this).find("div").stop()
  .animate({top: "30", opacity:1}, "fast")
  .css("display","block")

}, function() {
  $(this).find("div").stop()
  .animate({top: "0", opacity: 0}, "fast", function(){
    $(this).css("display","none");
  });
});

Ciao
Quaese
 

Neue Beiträge

Zurück