jquery animate使用height：100%时高度不正确

为什么80%的码农都做不了架构师？>>>   

html代码如下

<!-- lang: html -->
<div class="h_right_list1">
    <span>所属地区</span>
    <ul style="display: none;">
      <li>不限</li>
      <li>惠城区</li>
      <li>仲恺高新区</li>
      <li>惠阳区</li>
      <li>大亚湾</li>
      <li>博罗县</li>
      <li>惠东县</li>
      <li>龙门县</li>
    </ul>
    <input type="hidden" name="areaid">
  </div>

当点击所属地区时，用animate把ul的height从0变为100%，动画显示的高度，只是第一个li元素的高度。而函数又不支持auto设置，参考http://www.oschina.net/code/list_releted_codes?id=17075解决。

<!-- lang: js -->
$('.h_right_list1 span').click(function() {
	var height = $(this).parent('div').find('ul').css({height:'auto'}).height();
	$(this).parent('div').find('ul').css({display:'block',height:'0'}).animate({height: height}, 'fast');
});

转载于:https://my.oschina.net/qii/blog/143205