如何用jQuery 实现

Question

<div id="mydiv">
   <div class="list"></div>
   <div class="list2222"></div>
   <div class="list"></div>
</div>
<div id="shediv">
   <div class="list"></div>
   <div class="list2222"></div>
   <div class="list"></div>
</div>
如何用jQuery 实现通过控制shediv下的class=list div显示和不显示
主要不知道怎么找

Answer 1

$("#shediv .list").hide();//不显示
$("#shediv .list").show();//显示

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#abv").click(function(){
$("#shediv .list").toggle();
});
})
 </script>
<input type="submit" id="abv" value="测试用按钮"/>
<div id="mydiv">
    <div class="list"></div>
    <div class="list2222"></div>
    <div class="list"></div>
 </div>
 <div id="shediv">
    <div class="list"></div>
    <div class="list2222"></div>
    <div class="list">哇哇哇哇</div>
 </div>