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>