2016-09-28 2 views
0

Mein Handy-Menü hat eine Jquery Funktion slideToggle, wenn der Browser-Fenster kleiner als 600p x ist. Wenn jedoch das Symbol geklickt wird gleitet er die ul nach unten, aber sofort schiebt es wieder nach oben.slideToggle hat ein Gummiband-Effekt auf meine ul slideToggle (jQuery-Hilfe)

Hier ist, was ich rede

https://jsfiddle.net/0cc4dynv/

+0

Try This .... $ (document) .ready (function() { $ ('# Trigger') klicken (function() { $ ('# NAV- Menü '). slideToggle(); }); }); –

Antwort

1

einfach einen Kommentar oder diese Zeile löschen:

$(this).toggleClass('.trigger-expand').css('display', ''); 

Nun, wenn Sie ändern möchten, etwas css, wenn sich die Browsergröße ändert und größer alsistVerwendung dieser Methode.

$(window).on('resize', function(){ 
     var win = $(this); //this = window 
     if (win.width() > 600) { 
     /* The window is larger than 600px 
      change you css style here */ 
     } 
}); 
0

Dieser Wille arbeitet

$('#trigger').click(function() { 
    $('#nav-menu').slideToggle(400, function() { 
     //$(this).toggleClass('.trigger-expand').css('display', ''); 
    }); 
    }); 
+0

Aber dann erscheint die UL nicht, wenn ich den Bildschirm wieder in voller Breite habe. – kenny

+0

Ihr Menü funktioniert. Was du jetzt willst, ich verstehe deinen Standpunkt nicht. –