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>
我的代码是这样的,,点击没反应。。
展开
 我来答
阿刚炖蛋
2014-04-12 · TA获得超过3004个赞
知道大有可为答主
回答量:1789
采纳率:92%
帮助的人:998万
展开全部

你好!!

//将单击事件放到$(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"> 这个??

百度网友d7e10266d1
2014-04-12 · TA获得超过5480个赞
知道小有建树答主
回答量:713
采纳率:0%
帮助的人:715万
展开全部
需要放到$(document).ready()里面,因为你的JS出现在HTML元素之前,很可能HTML元素没加载完成。
$(document).ready(function(){

$('.a1').click(function(){
$('.b').stop().show(); //显示

});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏

});
});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式