学习JQuery的toggle()遇到的问题

最新推荐文章于 2018-03-11 16:03:39 发布

xuli1207516504

最新推荐文章于 2018-03-11 16:03:39 发布

阅读量332

点赞数

本文链接：https://blog.csdn.net/xuli1207516504/article/details/79026024

版权

翠和他都让我平时多写博客记录自己遇到的问题，总结的方法等。我总是没有践行，不以为意。今天开始记录我遇到的问题，以后再来解决，不知道堵在哪里了。最后发现，竟然是JQuery库文件的原因，换了一个库文件，马上就可以执行了。

<!DOCTYPE html>
<html>
<head>
	<title>初始化</title>
	<link rel="stylesheet" type="text/css" href="../CSS/style.css">
	<script type="text/javascript" src="../../../scripts/jquery-3.2.1.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#btn").bind("click",function(){
				var $content=$("#btn").next("div.content");
				if ($content.is(":visible")) {
					$content.hide();
				}else{
					$content.show();
				}				
			});
	//问题代码，不知道为什么btn会消失，不会用toggle		
			// var $content=$(".content");
			// var $btn=$("#btn");
			// $btn.toggle(function(){
			// 	$content.hide(1000);
			// },function(){
			// 	$content.show(1000);
			// });
		});
	</script>
</head>
<body>
	<div id="panel">
		<h5 class="head">什么是JQuery?</h5>
		<input type="button" id="btn" value="点击查看答案">
		<div class="content">
			JQuery是一个优秀的JS库，其简洁的语法和跨平台的兼容性，简化了开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发AJaX
		</div>
	</div>
</body>
</html>

xuli1207516504

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习JQuery的toggle()遇到的问题

翠和他都让我平时多写博客记录自己遇到的问题，总结的方法等。我总是没有践行，不以为意。今天开始记录我遇到的问题，以后再来解决，不知道堵在哪里了。最后发现，竟然是JQuery库文件的原因，换了一个库文件，马上就可以执行了。初始化 $(function(){ $("#btn").bind("click",function(){ var $content=$(
复制链接

扫一扫