js或者jquery显现2个按钮控制一块内容，点击（显示或隐藏）。需要怎么实现
js或者jquery显现2个按钮控制一块内容，点击（显示或隐藏）。需要怎么实现。。就像家里面2个开关控制一盏灯。。。
<div class="a1"><a href="#">按钮1</a></div>
<div class="a2"><a href="#">按钮2</a></div>
<div class="b">控制块</div>
<script src="style/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(".a1,.a2").on("click",function(){ $(".b").toggle();});
});
</script>
<style>.b{ display:none;}
</style>
<body>
<div class="a1"><a href="#">按钮1</a></div>
<div class="a2"><a href="#">按钮2</a></div>
<div class="b">控制块</div>
我的代码是这样的，，点击没反应。。
你好！！
//将单击事件放到$(function(){ }); 中<script type="text/javascript">
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
</script>
改为
<script type="text/javascript">
$(function(){
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
});
</script>
//这段代码是两个按钮，各自控制 "显示"和"隐藏" 的功能。
//这段的两个按钮，可以实现单独控制 及 同时控制 "显示"和"隐藏" 的功能。
<script type="text/javascript">
$(function(){
$(".a1, .a2").on("click",function(){ $(".b").toggle();});
});
</script>追问
谢谢哈，我是想a1 a2既能控制显示也能控制隐藏
或者一个a1也行就是需要2个按钮。。需要怎么实现吗？
<script type="text/javascript">
$(function(){
$(".a1, .a2").on("click",function(){ $(".b").toggle();});
});
</script>
这就是 a1 a2既能控制显示也能控制隐藏
还是说你想将 链接 换为 按钮？<input type="button"> 这个？？
追问点击了，，没反应。。
追答怎么会呢?
你的jquery脚本是什么版本的？是否正确的引用了？
引用了，，我换个新版本看看。
温馨提示：内容为网友见解，仅供参考
第1个回答 2014-04-12
需要放到$(document).ready()里面，因为你的JS出现在HTML元素之前，很可能HTML元素没加载完成。
$(document).ready(function(){
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
});
$(document).ready(function(){
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
});
相似回答
