多个slideToggle div之间的转换

时间:2012-08-20 05:54:08

标签: javascript jquery transition slidetoggle

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

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

这是我的JSFIDDLE

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

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

1 个答案:

答案 0 :(得分:0)

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

对此jsfiddle采取行动以尽量减少震动。最上面的是与上面完全相同的,底部是变体。