使用jQuery在两个不同的点击事件之间切换？答案

【问题标题】：Toggle between two different click events using jQuery?使用jQuery在两个不同的点击事件之间切换？
【发布时间】：2013-10-18 00:27:46
【问题描述】：

所以...我在尝试使用 jQuery 创建切换效果时遇到了一些麻烦，该效果允许在 li 标签上的两个不同点击事件之间交替。我希望 li 标签在点击时淡化到 0.5 不透明度，并且再次单击时恢复到原始状态。

任何帮助将不胜感激，并随时在 jsfiddle 上重新创建：D

我目前的代码是：

HTML

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

jQuery

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

【问题讨论】：

标签： jquery html

【解决方案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/

【讨论】：