Question

java div的显示隐藏

举个例子，
这里有3组div 它们的id是1，2，3
有三组按钮 它们的id也是1,2,3
如果点击按钮1之后 div 2和3 都隐藏
点击按钮2之后 div1和3 都隐藏

Answer 1

最近我经常写这个:

1、首先引入jquery

2、给每个按钮绑定绑定同一个onclick（）方法， 如fn（id）

fn(id){

    if(id=='1'){

        $("#1").show();

        $("#2").hide();

        $("#3").hide();

     }else if(id=='2'){

         $("#2").show();

        $("#1").hide();

        $("#3").hide();

    }else if() .....

    

}

 方法虽然笨了点,但绝对管用,楼主试试,我今天编码还用呢

Answer 2

写个js，隐藏1，2, 3 ，再根据传进来的参数显示一个。

Answer 3

function hideDiv(id){
//先全部隐藏,如果很多，那就用循环来处理。

document.getElementById("1").style="display:none";
document.getElementById("2").style="display:none";
document.getElementById("3").style="display:none";
//然后设定参数ID的那个div显示
document.getElementById(id).style="display:block";
}

追问

function hide(id){
for(var a=0;a<6;a++){
document.getElementById(""+a+"").style="display:none";
}
document.getElementById(id).style="display:block";
}
循环用了，貌似不行

追答

不需要加引号，直接用 a 就可以。
你看下面那个 id 的设置方法。不需要引号的。

追问

document.getElementById(a).style="display:none";
╮(╯▽╰)╭ 也不行

追答

换一种写法：
document.getElementById(a).style.display='none';

第一个
第二个

function hide(id){
for(var a=0;a

参考：这里有Jquery的实现方法：

http://www.w3school.com.cn/jquery/jquery_hide_show.asp

追问

弱弱的问句，答主你试过了么

追答

整个页面的ID要是唯一的。你按钮的ID是123，DIV的ID也是123，这样肯定不行的。
要区分开。

Show div 1
Show div 2

function hide(divID){
for(var a=1;a
Div 1
Div 2
Div 3
Div 4

你要用jQuery，可以参照刚才给你的链接来写，我基本写下：
$("#btn1").click(function(){
for(var a=1;a<=4;a++){
$("#div" + a).hide;
}
$("#div1").show();
});

Answer 4

不知道你用过jquery吗？？？？

追问

用过，你可以提供一些思路或方法吗？