Set this CSS rule using JQuery

Question

I'm using this css:

#hideSidebarText:hover > #hideSidebarArrows {
background-position: -282px -51px;
}

how can I change the "background-position" property using JQuery? I tryied the following code but obviously didn't worked:

$('#hideSidebarText:hover > #hideSidebarArrows').css('background-position', '-282px -31px');

Yeah, it's a pseudo-selector, it doesn't select an actual element so jQuery can't work with it. — mystery
– mystery, Commented Apr 23, 2012 at 17:33
@BoltClock'saUnicorn I thought that it was the best solution, but I didn't know that it isn't supported... is there any other way to do that? — Boos93
– Boos93, Commented Apr 23, 2012 at 17:35
@Taze T. Schnitzel: It being a pseudo-class (or "pseudo-selector") doesn't really have anything to do with it not working in jQuery... — BoltClock
– BoltClock, Commented Apr 23, 2012 at 23:54

xanderer · Accepted Answer · 2012-04-23 17:40:08Z

1

It looks like you've overqualified the element your targeting(also as @vega pointed out hover doesn't work), if you want to apply that CSS to the element with the ID hideSidebarArrows do it directly instead of searching for it with about element.

$("#hideSidebarArrows").hover(
    function () {
       $(this).css('background-position', '-282px -31px');
});

edited Apr 23, 2012 at 17:40

answered Apr 23, 2012 at 17:34

xanderer

4382 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Set this CSS rule using JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related