jquery 通过animate实现height: auto展开收缩过渡动画 height：auto过渡动画 animate

当点击展开时，获取元素height: auto的高度为多少像素，判断布尔值，由当前高度到height:auto的过渡或由height:auto到设置高度的过渡；
需要引进jquery；

1. javascript

 filter();
    function filter(){
   
        var xbool=[true,true,true];//定义数组 存放布尔值情况
        $('.more').click(function(){
   //展开按钮 绑定点击事件
            var index=$(this).parent().index();//根据父级的index知道点击的哪儿个 避免相互影响
            var $dl=$(this).siblings('dl');
            var curHeight =45;//获取设定的height值
            var autoHeight=$dl.css('height','auto').height();//获取height为auto的值
            if(xbool[index]){
   //判断对应的 布尔值 避免相互影响
                $dl.height(curHeight).animate({
   "height": autoHeight}, 300);
                xbool[index]=false;//改变对应的 布尔值 避免相互影响
            }
            else{
   
                $dl.height(autoHeight).animate({
   "height": curHeight}, 300);
                xbool[index]&#