移動與點擊滑動效果的div？ jQuery

我做了一個使用CSS3的快速測試，來創建一個滑動標籤類的想法。這可以看這裏：移動與點擊滑動效果的div？ jQuery

這幾乎砍死在一起，因爲我不知道如何正確地做到這一點。（懸停的標籤的z-index會發生變化，以便可以看到其他標籤）

事情是我想以一種可以在所有瀏覽器中工作的方式來做到這一點，並且具有該效果。那可能嗎？謝謝你的時間！

HTML可以在頁面上看到，CSS可以看作here.

這是一個整潔的小演示，但回答你的問題，我們需要看到一些代碼。把它放在你的問題中，或使用jsfiddle。 – SooDesuNe 2011-03-19 13:01:46

我已經添加了一些代碼！ – 2011-03-19 13:50:50

因爲它適用於所有瀏覽器是很多問，但要得到在大多數主要的桌面瀏覽器中工作與jQuery效果會去是這樣的：

並帶有可點擊選項卡關閉面板：

2011-03-19 13:57:49 Marcel

是的就是這樣！是否有可能使標籤重新點擊？ – 2011-03-19 14:19:35

查看更新隊友。 – Marcel 2011-03-19 23:29:22

太棒了。對不起，花了這麼久回到你身邊。這是完美的，jQuery再次勝利！ – 2011-03-24 14:21:41

但從我會建議讓所有4個標籤向右移動時滑出可用性點。這將更容易在標籤之間切換。此外，這將是很容易編寫代碼，你將不必完全擺弄z索引。

2011-03-19 13:41:49 tster

我明白你的觀點，但從設計的角度來看，我喜歡那裏。我有一個非常具體的用途。我也想讓它成爲一個點擊，而不是徘徊 – 2011-03-19 13:51:36

使用jQuery的動畫（）函數，操縱左道具，它會工作的跨瀏覽器，像這樣：

現在，這需要一些更多的工作，交換標籤+計算寬度（左）我不知道你是否打算將其滑動到屏幕的整個寬度等...

2011-03-19 13:54:21 jackJoe

嗯。是的，這幾乎是我需要的。有沒有辦法得到它，以便當一個新的標籤被點擊時，舊的標籤滑回去？或者只是回彈，我不介意 – 2011-03-19 14:15:35

回答