JS利用class控制多个子元素的显示隐藏在IE6下的bug

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对各个元素分别进行隐藏。