求助大佬，关于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");
});