blwow
07-19-2008, 02:51 PM
Click this link to see what I am trying to do: http://www.gulaab.co.uk/test/menu.php
When you click View Main Courses >> (http://"http://www.gulaab.co.uk/test/menu.php")
<a href="#tandoori" class="next">View Main Courses >></a>
it makes all of the menu on the left red.. I just want the next item on the menu to highlight (Tandoori dishes)
<li class="main_courses"><a href="#tandoori" class="selected">Tandoori dishes</a></li>
This is the jQuery that makes everything red:
jQuery(function( $ ){
$('a.next').click(function(){
$('#gulaab_menu ul li a').removeClass('selected');
$('#gulaab_menu ul li a').toggleClass('selected');
});
});
Any ideas how to get this working so only Tandoori dishes is highlighted and not the whole menu?
When you click View Main Courses >> (http://"http://www.gulaab.co.uk/test/menu.php")
<a href="#tandoori" class="next">View Main Courses >></a>
it makes all of the menu on the left red.. I just want the next item on the menu to highlight (Tandoori dishes)
<li class="main_courses"><a href="#tandoori" class="selected">Tandoori dishes</a></li>
This is the jQuery that makes everything red:
jQuery(function( $ ){
$('a.next').click(function(){
$('#gulaab_menu ul li a').removeClass('selected');
$('#gulaab_menu ul li a').toggleClass('selected');
});
});
Any ideas how to get this working so only Tandoori dishes is highlighted and not the whole menu?