Question

用jquery怎么点击一个按钮隐藏和显示多个DIV 如图

Answer 1

$(#bbb).style.display = "none"; //id 为bbb的DIV隐藏
$(#bbb).style.display = "block"; //id 为bbb的DIV显示

Answer 2

<script type="text/javascript" language="javascript">
$(".aaa").live("click",function(){
$(".bbb").slideToggle();
});
</script>

Answer 3

<script type="text/javascript" src="js/jquery.js"></script>
<!--src里面写你自己的jquery的路径-->
<script type="text/javascript">
$(function(){
$(".aaa").click(function(){
$(".bbb").toggle();

});
})

</script>

<button class="aaa">点击切换class为bbb的div的显示和隐藏状态</button>
<!--div改成button了，用div点着很不爽，也不想再去写样式了-->
<div class="bbb">bbbbbbb</div>
<div class="bbb">bbbbbbb</div>
<div class="bbb">bbbbbbb</div>
<div class="bbb">bbbbbbb</div>
<div class="bbb">bbbbbbb</div>
<div class="bbb">bbbbbbb</div>