Javascript 多个滑动切换div之间的转换

我的网页的基本功能是有缩略图，

.thnail

，它将显示一个项目，当单击时，一个下拉面板，

.dropdown

，将向下滑动以显示与单击的缩略图相关的项目图像（旋转木马插件）。功能几乎就在那里，但是点击缩略图之间的转换确实很突然。我希望面板滑动，然后在选择另一个缩略图后向下滑动

需要注意的是，我需要将

.dropdown

和

.thnail

分开，它们不能是父/子，因为我正在为我的旋转木马使用复杂的插件

这是我的

我找到了这个 ，但我在实现它时遇到了困难，因为它基于父/子关系，而我的html基于ID关系

其次，有没有办法通过

rel=“…”

而不是

href=“#”

来关联我的ID？这有关系吗

以下是滑动多个元素的方法。您可能会注意到，在下拉列表之间切换时，下拉列表下面的元素会“抖动”

---

看看这个，尽量减少震动。顶部的与上面的完全相同，底部的是变体。

这不应该附加

javascript

标签吗？非常感谢！但我想知道，有没有一种方法，当我从红色点击到绿色（或在任何其他颜色之间）时，红色向上滑动，绿色向下滑动？绿色似乎在红色上滑落。再次感谢您的帮助，我也将继续编写代码！