Button active state when not leaving the current page?

[joelmb]

Hi chaps. My site at http://mediamarble.com uses the marvellous anythingslider for it’s navigation, so all the content lives on the one page.

I’ve tried both js mouseover and css a :active code to keep the button the user is on active but afaik it isnt possible if you keep the user on the same page? i.e when they click portfolio the slider changes not the page, but i’d like portfolio hover state to remain active. Possible?

Can anyone instruct me how I can do this?

[Arvid]

I’m not sure if it would work but couldn’t you use use onclick javascript to add the css active class when clicked?

[joelmb]

would you know the code to use for that?

[Arvid]

Sadly only with jQuery:

$(document).ready (function () {

$("yourelementhere").click (function () {

$(this).addClass("yourclass");

$("otherlinks").removeClass("theactiveclass");

});

});

I hope that might be of some help.

[joelmb]

thanks for that. could you give examples of the syntax to enter in “yourelementhere”, “yourclass” and “otherlinks”?

[joshuanhibbert]

You can use the :target pseudo-class but it doesn’t work in IE8 or below. See this for more information: http://webdesignernotebook.com/css/the-css3-target-pseudo-class-and-css-animations/

[Author]

Posts