jQuery函数来反转onClick事件

有人可以帮助我更好地理解这一点。当通过使用onclick单击按钮时，我简单地淡出了DOM中的框元素。jQuery函数来反转onClick事件

是否有一种简单的方法可以使该框在同一个按钮再次单击时淡入？

function fade() { 
 
\t $("#box").fadeOut(); 
 
};

<div id="box" style="height:150px; width:150px; background-color:orange; margin:25px; opacity: 1;"></div> 
 

 
<button id="button3" onclick="fade();">Fade</button>

来源

2017-08-08 TheTrain

'fadeToggle（）'？ – Barmar

您是否对淡入淡出特别感兴趣？或切换一些效果的一般概念？ – cyberwombat

切换衰减功能：

$("#box").fadeToggle();

来源

2017-08-08 05:03:08 Aydin4ik

更改功能使用切换：

function fade() { 
    $("#box").fadeToggle(); 
}

来源

2017-08-08 05:04:33 MisaGH

fadeToggle（）

的充分参考这里

function fade(){ 
 
$('#box').fadeToggle(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="box" style="height:150px; width:150px; background-color:orange; margin:25px; opacity: 1;"></div> 
 

 
<button id="button3" onclick="fade();">Fade</button>

来源

2017-08-08 05:05:26

它是一个'div'元素，所以它默认是一个显示的块 – animsaj

我打算删除那个部分，不知道它还是在代码示例下。谢谢。 –

使用fadeToggle()代替：http://api.jquery.com/fadetoggle/

来源

2017-08-08 05:08:29 animsaj

你都用不完的“是（‘：可见’）”来检查在淡出显示状态和代替FadeIn。

function fade() { 
    var mybox = $("#box"); 
    if (mybox.is(":visible")) 
     mybox.fadeOut(); 
    else mybox.fadeIn(); 
};

时退房jsfiddle here

来源

2017-08-08 05:13:45

$(function() { 
 
     x=1;  
 
    }); 
 
    function fade() { 
 
     if(x==1){ 
 
     $("#box").fadeOut(1000) && (x=0); 
 
     } 
 
     else $("#box").fadeIn(1000) && (x=1);  
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="box" style="height:150px; width:150px; background-color:orange; margin:25px; opacity: 1;"></div> 
 

 
<button id="button3" onclick="fade()">Fade</button>

请参考链接：jQuery .fadeTo() -- Fade back in after fade out与此另一个例子。

来源

2017-08-08 05:41:44 sureshkumar

jQuery函数来反转onClick事件

回答

相关问题