多个slideToggle div之间的转换

我的网页的基本function是我将有缩略图, .thnail将显示一个项目,当点击时,下拉面板, .dropdown ,将向下滑动以显示关于缩略图的项目的图像(轮播插件)点击。function几乎就在那里,但点击缩略图之间的过渡非常突然。 我希望面板滑动,然后在选择了另一个缩略图后再滑动。

问题是我需要将.dropdown.thnail分开,因为我正在为我的轮播使用复杂的插件,所以它们不能是父/子。

这是我的JSFIDDLE

我发现了这个教程 ,但是我在实现它时遇到了麻烦,因为它基于父/子关系而我的html基于ID关系。

其次,有没有办法通过rel="..."而不是href="#"来关联我的ID? 有关系吗?

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

抓住这个jsfiddle ,尽量减少震动。 顶部与上面完全相同,底部是变体。