JQ两种方法实现div的显示隐藏

方法一：
js部分（要引入jq包）
1 <script type="text/javascript">
2 $(function() {
3     $(".dome").click(function() {
4         $(this).text($(".main").is(":hidden") ? "点击收起" : "点击查看");
5         $(".dome").toggle();
6     });
7 });
8 </script>


html部分
1 <a href="#" class="dome">点击查看</a>
2 <div class="main" style="display: none;">我们是收起的内容</div>
　　

方法二：
js部分（引入jq包）
<script>
$(function(){
$(\'.dome\').click(function(){                
        if($(\'.main\').is(\':hidden\'))
        {
          $(\'.main\').show();  
          $(this).text(\'点击收起\');
        }else{
          $(\'.main\').hide();
          $(this).text(\'点击查看\');  
            }                
});
});
</script>


html部分
<div class=\'dome\'>点击查看</div>
<div class=\'main\' style=" display:none">我们是收起的内容</div>