jquery怎么实现点击一个按钮控制一个div的显示和隐藏

如题所述

试试 jquery的 toggle方法 或许对你有用

再附上例子吧,例子中的 jQuery库 你下载一下 引入文件就能看到效果:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("div").toggle();
  });
});
</script>
</head>
<body>
<button class="btn1">Toggle</button>
<div>This is a paragraph.</div>

</body>
</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-09-18
1、最简单的一个按钮切换: $("input").click(function(){$("div").toggle();})
2、两个按钮一关一开:$("input1").click(function(){$("div").show();})
$("input2").click(function(){$("div").hide();});
相似回答