|
|||
Responsives Menü wie bei slideToggle (jQuery) öffnen und schließen
Ich arbeite gerade an einer Navigation die über Media Queries und JS bei kleineren Displays ein- und ausklappt. Das funktioniert soweit ganz gut, jetzt möchte ich das ganze etwas weicher öffnen und schließen lassen - ähnlich wie bei einer Transition.
Genau hier komme ich nicht weiter, ich finde bisher keine Lösung wie ich im JavaScript das Menü etwas weicher öffnen und schließen kann. Früher hatte ich das mit jQuery gelöst, über 'fadeOut' so wie unten dargestellt: Code:
$('#button').click(function() { $( "#menue" ).fadeOut( "slow", function() { }); }); Das aktuelles Script habe ich nach ein Tutorial entwickelt: Code:
(function () { //CSS Klasse in html hinzufügen, die markiert, dass JavaScript aktiviert ist document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + 'js'; function naviklapp(navid){ //Elemente definieren: Navigationselement, Button, Menü var nav = document.getElementById(navid); var button; var menu; // Wenn keine Navigation, dann ignorieren if ( ! nav ) return; //Button ist das erste h3 Element innerhalb der Navigation button = nav.getElementsByTagName( 'h3' )[0]; // die erste ungeordnete Liste in der Navigation ist das Menü menu = nav.getElementsByTagName( 'ul' )[0]; if ( ! button ) return; if ( ! menu || ! menu.childNodes.length ) { button.style.display = 'none'; return; } button.onclick = function(){ if ( -1 != button.className.indexOf( 'toggled-on' )){ button.className = button.className.replace( 'toggled-on', '' ); menu.className = menu.className.replace( 'toggled-on', '' ); } else { button.className += ' toggled-on'; menu.className += ' toggled-on'; } }; } naviklapp('navi'); } ) ();; (dann wird ein einfaches Listenmenü angeboten) jetzt würde ich es gerne weicher aufklappen lassen. Hat jemand eine Idee, ob das innerhalb des JavaSript lösbar ist oder ob das nur über jQuery geht? Klaus |
Sponsored Links |
|
||||
jQuery IST JavaScript. Also ja, es geht mit JavaScript.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
||||
Zitat:
|
|
|||
Hallo, danke für eure Antworten.
Zitat:
Ich verwende jetzt doch eine Kombination aus jQuery, HTML und CSS3 und konnte mein Problem jetzt gut lösen. Zitat:
Danke nochmals |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Responsives Layout mit fixiertem Menü | francish | CSS | 3 | 21.04.2015 18:09 |
jquery beim klick html seite öffnen?! | dimo21 | Javascript & Ajax | 3 | 21.09.2011 21:20 |
jQuery slideToggle bei mehreren Datensätzen! | steve46 | Javascript & Ajax | 1 | 01.08.2011 18:22 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Ueber PullDown Menue Datei oeffnen | chrism | Javascript & Ajax | 6 | 27.01.2007 00:42 |