soincslully
New Member
I have a to me mystic problem with jQuery "toggle" method.I click it once, but it animates twice. Go see for yourself!DemoPage source is pasted below, (link will disappear when I have solved this).html:\[code\]<ul class="topnav"> <li><a>About us</a></li> <li><a href="javascript:Void(0)" class="sublink">Store</a></li> <li class="subnav"><a href="javascript:void(0)">Hours</a></li> <li class="subnav"><a href="javascript:void(0)">Products</a></li> <li><a href="javascript:void(0)">@the Moment!</a></li> <li><a href="javascript:void(0)">Contact</a></li> </ul>\[/code\]CSS\[code\]a{ text-decoration: none; color: black;}a:hover{ color: #CEDE43;}ul.topnav{ list-style: none; margin: 0; padding: 20px; float: left; font-family: 'arial', sans-serif; font-weight: bold; font-size: 20px; }ul.topnav li{ float: left; margin-right: 20px; position: relative; }li.subnav{ display: none; font-family: 'Courier New', serif; }\[/code\]Code\[code\] $(document).ready(function(){ $("a.sublink").click(function(){ $(this).parents().find("li.subnav").toggle('slow'); }); });\[/code\]