翠和他都让我平时多写博客记录自己遇到的问题,总结的方法等。我总是没有践行,不以为意。今天开始记录我遇到的问题,以后再来解决,不知道堵在哪里了。最后发现,竟然是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>