jQuery :path Demo

Just a simple example of how :path works with active states on menu items.

Code:

$('ul a:path').parent().addClass('active');
$('ul a:current').each(function() {
	$(this).replaceWith($(this).text());
});	

Primary navigation

• Root (root is never activated)
• /lab/ (should be active (red) since we are in the lab directory)
• /nothing/ (points to another directory, not active)
• http://devkick.com/lab/path/ (absolute URL, active)
• ../ (one level up, active)

Secondary navigation

Click these to see how it works on query strings as well.

• demo.html
• demo.html?a=b
• demo.html?a=b&b=a

« back to :path