Der Versuch, ein JQuery-Menü mit einem Untermenü zu erstellen, die auf schweben gleitet nach oben und nach unten gleitet, wenn die Maus Ausfahrten

Question

ich jemanden gefunden habe, mit einem Tutorial zeigen, was ich bin im Wesentlichen nach, aber die Demo für ein Untermenü ist, dass nach unten gleitet, anstatt den Untermenü Schlitten mit über dem Menüpunkt nach oben.

Hier ist der Link zum Tutorial:

http://www.darkscarab.com/blog/read.php ? id = 14

Hier ist das jQuery-Skript verwendet es:

$(document).ready(function(){
    $(".submenu").slideUp(100, function(){$(".menu_item").css({overflow:'visible'})});
    $(".menu_item").hover(
        function(){
            if($(".submenu", this).queue().length < 2)
                $(".submenu", this).slideDown(500);
        },function(){
            $(".submenu", this).slideUp(500);
        }
    );
});

Als ich die slideUp für slidedown und umgekehrt wechseln aus, funktioniert die Sache gut genug Schiebetüren oben (funktioniert auch, wenn ich sie nicht wechseln lassen!) - aber der Schlitten nach unten, dass geschehen soll, wenn ich verlassen doesn‘ t wirklich Arbeit. Es ist wie das Untermenü verschwindet, und dann endet es beim nächsten Mal, wenn ich schweben auf es Abwärtskurs ist.

Im Grunde ist es alle Schluckauf-y und sehr unzuverlässig.

Wer noch keine brillanten Ideen für diesen Anfänger?

Vielen Dank!

Answer 1

.slideDown zeigt ein Element bei height:0 Starten und beseelt dann die Höhe-Eigenschaft auf den vollen Wert. .slideUp belebt die Höhe von seinem vollen Wert bis auf 0 und dann verbirgt das Element. Um die Animation zu erstellen, dass Sie möchten, nicht nur können sie herum wechseln, da Sie slideUp wollen zeigen, statt verstecken und vice versa-.

Wenn ich bauen würde, was zu beschreiben, würde ich schon überall ein Element Position innerhalb eines relativ positionierten Elements bei bottom:0 so, dass, wenn ich die Höhe Eigenschaft animiere sie von unten wachsen würden. Dann würde ich schaffen function mySlideUp(), so dass es .show() ist das innere Element, das zunächst display:none; height:0 ist und dann .animate({height:'auto'},'slow'). Für function mySlideDown() würde ich .animate({height:0},'slow') und dann hide().

Ich hoffe, das hilft. da Sie ein Anfänger schrieb es in pseudo-jQuery sind und würde es von Vorteil sein, dass Sie es schreiben selbst. Viel Glück!

Answer 2

Für alle, die ein Navigationsmenü wie die Suche ich erreichen wollte, wird die folgende Website von Nutzen sein können:

http://www.mrbandfriends.co.uk/

Aber MHR Rat mit, und in der Suche durch, wie Herr B ihre Navigation codiert, konnte ich endlich eine tragfähige Scroll-up-Navigation mit Paniermehl bekommen.

Danke!