2011-01-11 48 views
0

有沒有辦法做到這一點與jQueryjQuery的滑動開關

$(this).toggle(
    "slide", 
    { 
     direction: 'up', 
     duration: 'slow', 
     easing: 'easeOutQuart' 
    } 
); 

但又不希望它「堵」出空間第一?現在我有一個元素列表,如果你點擊一個名稱,它會垂直展開一個部分。不幸的是,它首先踢了一大塊空的空間,爲動畫騰出空間。

有沒有一種方法來做這個動畫,隨着內容的增長盒子會不斷增長,類似於「盲」?

- -

這裏是structure的例子,但它不利用幻燈片動畫,而是盲目的動畫。

+0

你能給我們更多的代碼?或者更好的例子是一個jsfiddle? – gabel

+0

@gabel信息添加 –

回答

1

我稍微更改了示例的JavaScript。現在的內容滑出正確的方式...

$('.trials h4').bind(
    'click', 
    function() { 
      $(this).parents(".trials").children(".trial_container").slideToggle('slow'); 
       return false; 
});