Posted By

humanoid on 02/25/10

Tagged

navigation
jquery

Versions (?)

Last Edited at 02/25/10 09:13am

Statistics

Viewed 1524 times

Favorited by 1 user(s)

Related snippets

add class to highlight navigation item if page url

/ Published in: jQuery

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script type="text/javascript">
$(function(){
	$page = location.pathname;
	if(!$page) {
		$page = 'index.html';
	}
	$('ul.navigation li a').each(function(){
		var $href = $(this).attr('href');
		if ( ($href == $page) || ($href == '') ) {
			$(this).addClass('on');
		} else {
			$(this).removeClass('on');
		}
	});
});
</script>