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 代码 ,,谢谢各位大能 展开
<div id=1>
<div id=3>按钮</div>
</div>
<div id=2>
<div id=4>按钮</div>
</div>
求详细一点的js 或者jQuery 代码 ,,谢谢各位大能 展开
2个回答
展开全部
//jQuery代码
$(function(){
$("#3").click(function(){
$("#1").hide();
$("#3").show();
});
$("#4").click(function(){
$("#3").hide();
$("#1").show();
});
});
$(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);
});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
哥们,绕口令那,把逻辑说清楚啊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询