2011-04-29 148 views
0

我想能夠擁有以下用戶界面。當您點擊頂部的關閉按鈕時,它下面的行將移動到頂部,依此類推。什麼jQuery庫這樣做?

enter image description here

是否有這樣的圖書館嗎?

+0

壞稱號不好。 – 2011-04-29 04:14:14

回答

2

你不需要這個庫。只要綁定關閉按鈕的Click事件隱藏的行,它包含在

+0

D'oh。在我前面10秒。 – Malvolio 2011-04-29 04:05:51

+0

那麼它下面的行會滑動? (即:動畫)顯示一個例子的頭腦? – adit 2011-04-29 04:12:13

+0

是的,如果您對該行的隱藏使用垂直收縮效果,會。如果你想要一個例子,請看Blender的答案。 – 2011-04-29 04:14:05

1

沒有圖書館,就在四大行的jQuery:

$('.item').append('<div class="close">x</div>'); 

$('.close').live('click', function() { 
    $(this).parent().slideUp(); 
}); 

而且演示:http://jsfiddle.net/Blender/pEVTv/8/

+0

不知道我的例子發生了什麼,但它似乎有點遲緩http://www.screenr.com/JVi – adit 2011-04-29 04:53:36

+0

你可以發佈你的例子嗎?將HTML,CSS和JavaScript放到jsfiddle.net的東西中 – Blender 2011-04-29 05:07:13