<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jQuery jQuery.fx</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<style>
#divBox {
width: 100px;
height: 100px;
background-color: yellow;
border: 5px solid red;
margin-top: 20px;
}
</style>
<script>
$(function() {
$("#toggleBtn").on("click", function() {
// id가 "divBox"인 요소를 1초에 걸쳐 올라가면서 사라지거나 내려오면서 나타나게 함.
$("#divBox").slideToggle(1000);
});
$("#forbidBtn").on("click", function() {
jQuery.fx.off = true; // jQuery.fx 객체의 off 프로퍼티를 true로 설정함.
});
});
</script>
</head>
<body>
<h1>jQuery.fx.off 프로퍼티</h1>
<button id="toggleBtn">이펙트 효과 토글!</button>
<button id="forbidBtn">이펙트 효과 금지!</button>
<div id="divBox"></div>
</body>
</html>