jquery onHover從單擊事件中捕獲一個css值？

Question

我有，我想實現你可以在jsbin

http://jsbin.com/uvetaw/5

看我怎樣才能讓這個不透明始終是1，如果一個鏈接被點擊的文章，這是不透明度在下面的代碼0.5徘徊時呢？

Answer 1

追加，切換或刪除層次結構的類
該問題有點含糊，所以我希望這有助於。

.hovered-div { 
    opacity: 0.5 
} 

.clicked-div { 
    opacity: 1; 
} 

更新

的Javascript：

$("article").hover(
    function() { 
     $(this).removeClass('hovered', 1000); 
    }, 
    function() { 
     $(this).addClass('hovered', 1000); 
    } 
); 

$('a[rel="article"]').click(function() { 
    $('.clicked').removeClass('clicked', 1000); 
    $(this).parents('article').addClass('clicked', 1000); 
}); 

CSS：

.hovered {opacity:0.5} 
.clicked {opacity:1 !important} 

使用jQueryUI的支持過渡。

Answer 2

你可以嘗試刪除懸停在點擊事件是這樣的：

$(".open").unbind('mouseenter').unbind('mouseleave'); 

或本：

$(".open").unbind('mouseenter').off('hover');