js或者jquery显现2个按钮控制一块内容，点击（显示或隐藏）。需要怎么实现
js或者jquery显现2个按钮控制一块内容，点击（显示或隐藏）。需要怎么实现。。就像家里面2个开关控制一盏灯。。。<divclass="a1"><ahref="#">按...
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>
我的代码是这样的，，点击没反应。。 展开
<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>
我的代码是这样的，，点击没反应。。 展开
2个回答
展开全部
你好！！
//将单击事件放到$(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"> 这个？？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要放到$(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(); //隐藏
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
