js或者jquery显现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>
我的代码是这样的，，点击没反应。。
最新回答
﹏素颜黛眉
2024-10-30 08:17:58
你好！！
//将单击事件放到$(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脚本是什么版本的？是否正确的引用了？
追问
引用了，，我换个新版本看看。
风铃鹿
2024-10-30 09:02:54
$(document).ready(function(){
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
});
热门标签
