求助大佬，关于javascript里面怎么toggle css 高度？试了好久，还是不太会！

Question

$(".advancedFilterBtn").click(function () {
$('.toggle-advanceItem').toggle(flip++ % 2 == 0);
$('.advancedFilterBtn').toggleClass("advancedFilterUp");
$('.search-area-2').animate({
height: (++i % 2) ? 40 : 10
}, 200);
});

最后一个 $('.search-area-2').animate({
height: (++i % 2) ? 40 : 10
}, 200);
});要怎么toggle ？？

<div class="search-area-2">
<div class="container-fluid">
<div class="clearfix">
<div class="col-xs-12 col-md-6 ">
<a class="advancedFilterBtn advancedFilterUp" role="button" href="javascript:void()">Advanced filter</a>
</div>
<div class="col-xs-12 col-md-6 findServiceSpan">
<button class="border-radius-lrg btn" onclick="editSites.GetSites()">
<b>FIND SERVICES NEAR ME</b>
</button>
</div>
</div>
</div>
<div class="toggle-advanceItem" style="display: block;">

Answer 1

没看明白是想做什么呢？是要用toggle实现animate那段吗？toggle 只能切换隐藏和显示状态，不能做高度的修改的，可以用 toggleClass 实现，但没有 animate 动画效果好。.toggleClass( className )在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )绑定两个或多个处理程序绑定到匹配的元素，用来执行在交替的点击。.animate( properties [, duration ] [, easing ] [, complete ] )根据一组 CSS 属性，执行自定义动画。

Answer 2

你是想使用toggle（f1,f2,f3...)这个吧，点击会在函数f1,f2之间切换，这个方法在jquery1.9之后已经被挪去了1.9之前版本都是可以用的，你需要引入1.9以前的jquery文件才可以使用该函数$(".advancedFilterBtn").toggle(function(){$('.search-area-2').css("height","40px");},function(){$('.search-area-2').css("height","10px");});