div显示隐藏另一个div,

是这个样子啊,比我我点击按钮id3id=1.隐藏3显示,,点击43隐藏1显示,<divid=1><divid=3>按钮</div></div><divid=2><divi... 是这个样子啊,比我我点击按钮id3 id=1.隐藏3显示,,点击4 3隐藏1显示,
<div id=1>
<div id=3>按钮</div>

</div>
<div id=2>
<div id=4>按钮</div>
</div>
求详细一点的js 或者jQuery 代码 ,,谢谢各位大能
展开
 我来答
niuniu8912
推荐于2016-04-20 · 超过29用户采纳过TA的回答
知道答主
回答量:69
采纳率:0%
帮助的人:76万
展开全部
//jQuery代码

$(function(){
$("#3").click(function(){
$("#1").hide();
$("#3").show();

});
$("#4").click(function(){
$("#3").hide();
$("#1").show();

});

});
追问
多个怎么整啊,大体是这样  怎么能简单化一些,这个是一点也不懂!
function Button1()
{
$("#div1").hide();
$("#div2").show();
}

function Button2()
{
$("#div1").show();
$("#div2").hide();
}
function Button3()
{
$("#div3").hide();
$("#div4").show();
}

function Button4()
{
$("#div3").show();
$("#div4").hide();
}
追答
你可以用jQuery中的绑定事件来解决这个问题,你这四个方法1和2,3和4都是一样的,比如你想让div1绑定Button1事件,让div2绑定Button2事件,依次类推。。就可以这样:
只写两个就够了:
function Button2() {
$("#div1").show();
$("#div2").hide();
}
function Button3() {
$("#div3").hide();
$("#div4").show();
} //这两个事件写在哪个位置都行

然后就是绑定了,绑定的方法一定要写在ready事件中,用jquery的话就简单了,
$(function(){ //这么写就相当于原来的$(document).ready(function () { });

$("#div1").bind("click", Button2);
$("#div2").bind("click", Button2);
$("#div3").bind("click", Button3);
$("#div4").bind("click", Button3);

});
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yu_junming
2012-07-27 · TA获得超过626个赞
知道答主
回答量:73
采纳率:0%
帮助的人:59.2万
展开全部
哥们,绕口令那,把逻辑说清楚啊。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式