《锋利的jQuery》一书第4章将toggle()方法时，给出了一个例子，就是使用toggle()实现点击标题，来达到使内容隐藏和显示的问题，但这段代码在我的浏览器中报错，经过上网查找发现toggle()方法在jQuery1.8中宣告过时，在jQuery1.9中已经移除，我所使用的jQuery版本是3.1，所以会报错，而且使用toggle(function1,function2,function3,......)来以此调用多个函数也就不可行了。
但jQuery animation 也有一个名为.toggle()方法，使用该方法可以显示或隐藏匹配的元素。
一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<title>toggle</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("div p").click(function(){
$("div p.state").toggle();
});
});
</script>
</head>
<body style="font-family: Arial">
<div>
<p>Done!</p>
<p class="state" style="display: none">Hello,jQuery!</p>
</div>
</body>
</html>
点击"Done"，则"Hello，jQuery"显示与隐藏则会交替出现。
转载请注明原文地址: https://ju.6miu.com/read-2446.html
