youandI
07-20-2008, 10:13 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://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?
And when you click the next >> link inside the Tandoori dishes page (Chief Specialities >>) this will then highlight the Chief Specialities on the left.
When you click View Main Courses >> (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?
And when you click the next >> link inside the Tandoori dishes page (Chief Specialities >>) this will then highlight the Chief Specialities on the left.