HTML结构:
<div class="wrap">
<span>隐藏</span>
<div class="box"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
</div>
效果:当点击span时,box2/box3/box4隐藏,通过JS给最外层添加样式hide实现
hide样式:
.hide .box2,.hide .box3,.hide .box4{display:none;}
在IE6下触发JS后,需要隐藏的元素没有完全隐藏,拖动浏览器滚动条时出现类似电脑运行缓慢的花屏,而在非JS添加样式名时则显示正常,需要隐藏的元素越多时此bug越明显。
IE7/IE8/IE9/firefox5/chrome12等表现正常。
解决方法:能过JS对各个元素分别进行隐藏。