jquery 通過animate實(shí)現(xiàn)height

1、jquery 通過animate實(shí)現(xiàn)height今日在做響應(yīng)式的時(shí)候，想用qquery中的animate() 來實(shí)現(xiàn)slidetoggle()的上拉下滑的效果。代碼大致是這樣的：/.pagenav_btn為觸發(fā)塊/.pagenav_close 關(guān)閉標(biāo)簽/.pagenav_item 上拉下滑塊$(".pagenav_btn").click(function(event) if($(this).hasclass("pagenav_close")$(".pagenav_item").anima

2、te("height":0,400);$(this).removeclass("pagenav_close");else$(".pagenav_item").animate("height":"auto",400);$(this).addclass("pagenav_close") ;);沒有實(shí)現(xiàn)下拉效果所以就開頭找緣由：用法火狐掃瞄器審查元素看到第一次加載是這樣的:首次加載第一次

3、觸發(fā)之后第一次觸發(fā)大事其次次觸發(fā)的時(shí)候其次次觸發(fā)大事由此可見，animate()其實(shí)是有執(zhí)行的， 查詢了一下w3chool，animate()中的styles參數(shù)是支持height屬性的，只是height需要有一個(gè)確切的值，但個(gè)人認(rèn)為 auto animate不識別。所以我們在height這里給一個(gè)確定的值就ok了。那么問題就來了，假如有固定的高度值我們干嘛還要用 height:auto;這里絕對是一個(gè)未知的高度值，所以我們還得獵取將來高度值，然后再來執(zhí)行 animate；所以貼上代碼定義容器現(xiàn)在的高度值值，以及未來的高度值；var joinfisher = $(".join

4、"),currentheight = joinfisher .height(),autoheight = joinfisher .css(&39;height&39;, &39;auto&39;).height();joinfisher .height(currentheight ).animate(height: autoheight, 1000);所以將上面代碼完成$(".pagenav_btn").click(function(event) if($(this).hasclass("pagenav_close")$(".pagenav_item").animate("height":0,400);$(this).removeclass("pagenav_close");else$(".pagenav_item").animate("height":"auto&qu