Przerobienie menu jQuery

Forum PHP.pl > Forum > Po stronie przeglądarki

Przerobienie menu jQuery

hitmanskdm Zobacz profil	13.07.2012, 10:10:10 Post #1
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 29.11.2010 Ostrzeżenie: (0%)	Mam zrobione proste menu z użyciem jQuery. Potrzebuje przerobić jet tak, żeby było aktywne po kliknięciu nie najechanie /zmieniałem hover na click, ale się sypało lekko/ I żeby aktywny link był widoczny /np po wejsciu w link 2.1.4 całe menu zostawało rozwinięte/ Poniżej kod: [HTML] pobierz, plaintext <!DOCTYPE html> <html> <head> <title>Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <style> nav ul { position:absolute; top:0; margin:0; padding:0; } nav li { list-style-type:none; width:100px; } nav a { color:grey; text-decoration:none; } nav a:hover, nav li.hover>a { color:black; } nav li ul { display:none; margin-left:100px; } nav.nojs li:hover>ul { display:block; } </style> <script> $(function(){ $('nav').removeClass('nojs').find('li').has('ul').hover(function(){ $(this).toggleClass('hover').children('ul').stop().fadeToggle('slow'); }); }); </script> </head> <body> <nav class="nojs"> <ul> <li><a href="#">Link 1</a></li> <li> <a href="#">Link 2</a> <ul> <li> <a href="#">Link 2.1</a> <ul> <li><a href="#">Link 2.1.1</a></li> <li><a href="#">Link 2.1.2</a></li> <li><a href="#">Link 2.1.3</a></li> <li><a href="#">Link 2.1.4</a></li> <li><a href="#">Link 2.1.5</a></li> </ul> </li> <li><a href="#">Link 2.2</a></li> <li><a href="#">Link 2.3</a></li> </ul> </li> <li> <a href="#">Link 3</a> <ul> <li><a href="#">Link 3.1</a></li> <li><a href="#">Link 3.2</a></li> <li><a href="#">Link 3.3</a></li> <li><a href="#">Link 3.4</a></li> </ul> </li> <li><a href="#">Link 4</a></li> </ul> </nav> </body> </html> [HTML] pobierz, plaintext