UNBIND селекторы в CSS файл и после снова связывания селекторов

Question

У меня есть DIV и у него есть в файле .css этого селекторов:

#item {background-image: url(Images/panda.png); 
} 
#item:hover { background-image: url(Images/pandaOf.png); 
} 
#item:active { background-image: url(Images/pandaOn.png); 
} 

И мне нужно (в JQuery) это селекторы (: зависать и: активный) не работает.

$("#clickItem").click(function(){ 
... 
}); 

И после этого мне нужно, чтобы эти селекторы снова работали.

$("#clickItem2").click(function(){ 
... 
}); 

HTML код:

<div id = "item"> </div> 
<div id = "clickItem"> </div> 
<div id = "clickItem2"> </div> 

Answer 1

Я думаю это то, что вы получаете в ...

CSS

.item-active { 
    background-image: url(Images/panda.png); 
} 
.item-active:hover { 
    background-image: url(Images/pandaOf.png); 
} 
.item-active:active { 
    background-image: url(Images/pandaOn.png); 
} 

HTML

<div id="item" class="item-active"></div> 
<div id="clickItem">clickItem</div> 
<div id="clickItem2">clickItem2</div> 

Javascript

$("#clickItem").click(function(){ 
    $("#item").removeClass("item-active"); 
}); 

$("#clickItem2").click(function(){ 
    $("#item").addClass("item-active"); 
}); 

По умолчанию, у вас есть парение и активные состояния для #item. Если вы нажмете #clickItem, он удалит их. Если вы нажмете #clickItem2, он снова включит их.

Answer 2

JQuery имеет специфический метод парения, которые могли бы быть полезными для вас.

Вот пример:

$("#clickItem").hover(function(){ 
     Code for OnHover goes here 
}, 
function(){ 
     Code for OffHover goes here 
} 
}); 

Посмотрите на парения документации JQuery для более подробно: http://api.jquery.com/hover/