jquery - 使用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>or<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/