...

highlight an anchor when clicking a diff. anchor? jQuery

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 &gt;&gt;</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.

youandI
07-21-2008, 04:52 PM
More of an explanation of what I want to do:

After clicking view main courses you will see Chief Specialities >> and so when you click Chief Specialities I want Chief Specialities to highlight on the left menu.. You will also see << Starters in the Tandoori page so when you click << Starters I want the Starters link on the left menu to highlight..

Any ideas how to get this working?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum