多個slideToggle div之間的過渡

Question

我的網頁的基本功能是，我將擁有縮略圖， .thnail將顯示一個項目，單擊后，下拉面板.dropdown將向下滑動以顯示有關縮略圖的項目圖像（輪播插件）功能幾乎已經存在，但是單擊縮略圖之間的過渡確實是突然的。 我希望面板先滑動后再向下滑動，一旦選擇了另一個縮略圖。

問題是我需要將.dropdown和.thnail分開，由於我在輪播中使用了復雜的插件，因此它們不能成為父/子。

這是我的JSFIDDLE

我找到了本教程 ，但是我很難實現它，因為它基於父/子關系，而我的html基於ID關系。

其次，有沒有辦法通過rel="..."而不是href="#"關聯我的ID？ 有關系嗎？

Answer 1

這是滑動多個元素的jsfiddle 。 您可能會注意到，在下拉菜單之間切換時，下拉菜單下方的元素會“抖動”。

看看這個jsfiddle可以最大程度地減少這種震動。 最上面的與上面的完全相同，最下面的是變化。