J Query中的FadeToggle

Question

在w3学校，它告诉你热门使用FadeToggle效果。

我的问题是如何翻转FadeToggle效果，以便在您第一次看到网站时显示的不是显示的框，直到您单击该框为止。有点像翻转。

代码示例在这里

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadetoggle

Answer 1

所有你要做的就是开始淡出：display：none - ＆gt;这有效：

<div id="div1" style="width:80px;height:80px;background-color:red;display:none"></div>

Answer 2

要在网站加载时隐藏DIV，只需使用display:none即可。

之后jQuery的fadeToggle的应用是相同的。无论您从哪个显示状态开始，jQuery都会在display:none到display:block之间来回更改DIV的显示状态。