Witam, poniżej skopiowałem kod, który wrzuciła jedna z użytkowniczek forum. Ćwiczę na nim tworzenie menu. Mam ten sam problem co ta użytkowniczka (podaję link do tematu: http://forum.php.pl/index.php?showtopic=175331) Po kliknięciu w submenu nie przekierowuje mnie na podstronę. W tamtym temacie pewien człowiek dał wskazówki jak to poprawić ale próbuję tak zrobić jak jest wytłumaczone, mimo tego i tak to nie działa u mnie. Czy mógłby ktoś wskazać dokładniej jak to zrobić lub może wrzucić ten kod poprawiony?
Pozdrawiam i z góry dziękuję
<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>