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');

Answer 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');
});