使用jQuery切換兩個不同的點擊事件？

Question

所以...我嘗試使用jQuery創建切換效果時遇到了一些麻煩，它允許li標籤上的兩個不同點擊事件之間的交替。我希望li標籤在點擊時褪色到0.5不透明度，以及何時再次單擊以恢復到原始狀態。

任何幫助，將不勝感激，並隨時重新創建的jsfiddle：d

的代碼，我至今是：

HTML

<div> 
    <li><a href="#">Click</a></li> 
</div> 

jQuery的

$(document).ready(function() { 
    $('li').toggle(); 
}); 

Answer 1

繼續之前請檢查其當前狀態。

此外，<li>必須有<ul>或<ol>作爲父元素。

$('li').on('click', function(e){ 
    e.preventDefault(); 
    if($(this).css('opacity') != 1){ 
    $(this).fadeTo(300,1); 
    }else{ 
    $(this).fadeTo(300,0.5); 
    } 
}); 

演示：http://jsfiddle.net/PZ96m/