[jQuery] Rozwijane Menu

[jQuery] Rozwijane Menu

ewelinac18 Zobacz profil	30.04.2011, 06:25:51 Post #1
Grupa: Zarejestrowani Postów: 99 Pomógł: 0 Dołączył: 11.07.2007 Ostrzeżenie: (0%)	Witam, mam problem i nie mogę sobie z nim poradzić. Problem tkwi w tym, że po kliknięciu w SubMenu zamiast mnie przekierować to chowa całą klase. W jaki sposób zrobić tak aby po kliknięciu w SubMenu mnie przekierowało, a po kliknięciu w Menu rozwijało się SubMenu tak jak jest obecnie . Skrypt można zobaczyć tu: http://s-port.nazwa.pl/jq_menu.html [HTML] pobierz, plaintext <html> <head> <title>jQuery Menu</title> <meta charset="ISO-8859-2" /> <meta name="keywords" content="#" /> <meta name="description" content="#" /> <meta name="language" content="pl" /> <meta name="robots" content="index, follow" /> <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> <script> $(document).ready(function() { $("#vert li").each(function() { if ($(this).find('ul:first').length > 0) { $(this).addClass('arDown'); } if ($(this).hasClass("on")) { $(this).find('ul:first').slideToggle('fast'); } }); $("#vert ul li").click(function() { if ($(this).find('ul:first').length > 0) { $(this).find('ul:first').slideToggle('fast'); $(this).toggleClass('on'); return false; } }); }); </script> <style type="text/css"> <!-- #vert ul { float: left; width: 168px; margin: 0; list-style: none; background: white; } #vert > ul > li { float: left; width: 168px; margin: 2px 0; padding: 2px 0; border-bottom: 1px solid #ebebeb; } #vert > ul > li:last-child { border: 0 none; } #vert > ul > li > a { float: left; width: 168px; font-family: "MyriadPro-Semibold", "Arial"; font-size: 14px; text-shadow: 1px 1px 1px #fff; color: #444; } #vert a:hover { text-decoration: none; color: #039ec3; } .arDown { background: url(el.png) right -67px; } #vert .on { background: url(el.png) right -94px; } #vert .on > a { color: #2cb91e !important; } #vert ul ul { display: none; margin: 5px 0; } #vert ul ul li { width: 158px; background: url(el.png) left -42px; padding-left: 10px; margin: 1px 0; } --> </style> </head> <body> <nav id="vert"> <ul> <li><a href="#menu">Menu 1</a></li> <li><a href="#menu">Menu 2</a> <ul> <li><a href="#submenu">SubMenu 1</a></li> <li><a href="#submenu">SubMenu 2</a></li> <li><a href="#submenu">SubMenu 3</a></li> <li><a href="#submenu">SubMenu 4</a></li> <li><a href="#submenu">SubMenu 5</a></li> </ul> </li> <li><a href="#menu">Menu 3</a></li> <li><a href="#menu">Menu 4</a></li> <li><a href="#menu">Menu 5</a></li> </ul> </nav> [HTML] pobierz, plaintext Ten post edytował ewelinac18 30.04.2011, 06:28:12