Css trick for jquery menu?
jquerydown.html
<script src="js/jquery-1.3.1.min.js"></script>
<script src="js/Jquerydown.js"></script>
<ul class="down">
<li><a href="#">Cars</a>
<ul class="sub_menu">
<li><a href="#"BMW</a></li>
<li><a href="#">Jaguar</a></li>
<li><a href="#">Nissan</a></li>
<li><a href="#">Mazda</a></li>
</ul>
</li>
</ul>
</div>
Jquerydown.js
$(function(){
$("ul.down li").hover(function(){
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}, function(){
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
});
$("ul.down li ul li:has(ul)").find("a:first").append(" » ");
});
<script src="js/jquery-1.3.1.min.js"></script>
<script src="js/Jquerydown.js"></script>
<ul class="down">
<li><a href="#">Cars</a>
<ul class="sub_menu">
<li><a href="#"BMW</a></li>
<li><a href="#">Jaguar</a></li>
<li><a href="#">Nissan</a></li>
<li><a href="#">Mazda</a></li>
</ul>
</li>
</ul>
</div>
Jquerydown.js
$(function(){
$("ul.down li").hover(function(){
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}, function(){
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
});
$("ul.down li ul li:has(ul)").find("a:first").append(" » ");
});