javascript - jQuery 函数来反转 onClick 事件

Question

谁能帮助我更好地理解这一点。当使用 onclick 单击按钮时，我只是淡出 DOM 中的框元素。

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

function fade() {
	$("#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>

Answer 1

切换淡入淡出功能:

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