怎么让一个div显示一个div隐藏

2025-01-08 10:29:13
推荐回答(5个)
回答1:

让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样):

1、HTML代码如下:




d0

d1

d2

d3

d4

d5

d6

d7


2、CSS代码:

.point{
float: left;
list-style: none;
}
.point li{
margin-bottom: 10px;
}
.box{
float: right;
margin-right: 500px;
}
.box div{
width: 500px;
height: 200px;
border: 1px solid green;
display: none;
}
.box .con0{
display: block;
}

3、Javascript代码:

$(document).ready(function(){
$(".point li a").click(function(){
var order = $(".point li a").index(this);//点击之后可以返回当前a标签index的值
$(".con" + order).show().siblings("div").hide();
});
})

回答2:

  1. 找出这两个div的class或id

  2. 做相应的显示或隐藏处理即可;

  3. //要显示的div;

    //要隐藏的div;

    显示:style="display:block"或者 $('#div_1').show();

    隐藏:style="display:none"或者$('#div_2').hide();

回答3:

设置css display: none display: block;也可以动态通过JQ来切换

回答4:

看不见的

看见的

回答5:

可以设置元素的display属性,如:display:none;(隐藏) display:block;(显示)
可以进学习群前面是296中间是591,后面是290,有什么问题多问。