Vi prøver en ny funktion i Jquery : toggle som er en vis/skjul funtion med animation:
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> jQuery(function($){ $(".burgermenu").click(function(){ $("#responsive-menu").slideToggle("slow"); }); }); </script> <style> .burgermenu {} #responsive-menu {} </head> <body> <!--indsæt en burgermenu og lad den folde din responsive menu ud --> </body> </html> |
CSS til en burgermenu kan du finde på CSS-tricks