div的收缩和展开

标签：

<script type="text/javascript">
        $(document).ready(function(){
           $(".menuTitle").toggle(function(){
             $(this).next(".paddingTop").animate({height: ‘toggle‘, opacity: ‘toggle‘}, "slow");
           },function(){
               $(this).next(".paddingTop").animate({height: ‘toggle‘, opacity: ‘toggle‘});
           });
        });
</script>

  其中div的内容，其中默认设置隐藏display:none;

                          <div class="menuTitle" id="twoid">
                                岗位
                            </div>
                            <div class="borderTop marginTop paddingTop ">
                                招聘部门：市场部
                              <div>
                                <p>
                                    <strong>岗位职责： <br> </strong>1、收集市场信息。通过网上与其他媒体渠道，收集行业信息
                                </p>
                              </div>
                            </div>

div的收缩和展开

标签：

原文地址：http://my.oschina.net/u/1031131/blog/385290