问题标签 [horizontal-accordion]

我正在寻找一种非常易于实现的水平手风琴，并且想知道其他人正在使用什么。

这就是我正在寻找的东西。

我已经建立了一个水平手风琴，点击动画。我想为其添加自动旋转功能，以便幻灯片每三秒自行旋转一次，但我无法弄清楚这部分......

这是水平手风琴的代码：

这是附属于它的javascript：

如果有人对我有智慧让幻灯片每 3 秒自动旋转一次，那就太棒了。谢谢你！

http://vincent-massaro.com/map/

这是我正在研究与谷歌地图链接的水平手风琴的例子。我遇到的问题是，当您单击右侧的一个切片，然后在前一个切片打开时单击另一个切片，第一个切片弹回原位。有什么办法可以消除弹跳吗？谢谢！

我正在尝试在 mootools 中创建一个水平手风琴菜单，而不是标准的垂直菜单。在 Fx.Accordion 的手册中，它说“需要掌握 CSS 才能使宽度转换工作”，我想我还没有听够。任何人都可以帮助我制作水平手风琴作品吗？

http://jsfiddle.net/Reanimation/L7Rej/2/

首先...我只是来jquery，所以...如果有人有时间为我指出正确的方向-太棒了！...但是，指导需要针对7岁的孩子；）

问。当它位于另外两个 jquery 对象中时，如何引用“this”？据我所知，这就是问题所在……也许吧。

我有一个可滚动的，在一个可以工作的手风琴内不起作用，..所有这些都在一个也可以工作的叠加层内。

它是在线的，但很难找到：

访问http://www.jordansokol.com

在主页的右上角有一个隐藏的链接，可以打开覆盖。从这一点开始，我所指的一切都在覆盖范围内......

然后您将看到一个登录页面 - 忽略输入字段，只需点击箭头按钮。

下一页有手风琴（3 个窗格） 在第一个页面中，顶部有“T”符号，应该有一个滚动条。

您会看到它不起作用，因为文本超出了包含 div 的边界。

我已经使用过这个滚动条很多次了，所以我知道它在其他情况下也有效。

最后一件事，我已经解决了这个问题，并看到 css 的“高度”被设置为“0”。此滚动条具有仅在有足够内容需要时才出现的功能。因此，可能是 jquery 插件“jquery.tinyscrollbar.js”没有触发，或者可能是从手风琴插件错误地设置了 css 'height'。

好的，抱歉，如果这不是那么简洁 - 这是我最好的镜头！

提前致谢...

斯科特

我正在尝试在我的网站上使用“liteAccordion”jQuery 插件。

这个插件适用于点击事件，但我需要它适用于鼠标悬停。它是否支持鼠标悬停事件？如果是，我该如何定义它？

easyAccordion jquery 插件在打开手风琴项后是否有任何回调函数可以做某事？

我想在图像完全打开后淡入图像标题。

我正在创建一个网站，我将在其中使用水平手风琴。我找到了两个 jquery 插件，可以满足我的需求。

1. http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
2. http://nicolahibbert.com/demo/liteAccordion/

他们似乎都做了我需要的一切。然而，第二个使用有序列表，而第一个使用定义列表。哪一个在语义上更正确？这甚至是一个容易解决的问题，还是完全取决于我如何使用手风琴？

手风琴中的每张幻灯片都有一个标题，该幻灯片的内容将在标题上扩展。虽然它并没有完全定义标题，但它会与它非常相关。

鉴于此，您认为哪个版本更好？

谢谢

我使用 JQuery 和 JQuery UI 编写了一个自定义的水平手风琴。以前我使用 SlideUp 和 SlideDown 编写了垂直手风琴，效果很好。从某种意义上说，他们两个同时被调用，所以当一个向上滑动（高度减小）时，另一个向下滑动（高度增加）并且它是平滑的。

但是在水平手风琴中，我必须向左滑动。所以我使用 JQuery UI Toggle('slide') 来做到这一点。两个切换函数同时被调用，但问题是控件的宽度在滑入时没有减小。宽度保持不变，因为完整的滑动完成并且它突然被隐藏了。

这是我的代码 -

您可以保存此标记并运行它并检查它。有任何想法吗？

以下代码运行基于 JQuery 的水平动画系统。

存在绝对定位问题，因为一旦鼠标进入任何一张图片，它们都会向左移动：0px；此外，让他们再次回来的功能也将不起作用。他们只是在 0px 处坐在那里；

我已经设置了一个参考 FIDDLE，所以我希望这有助于解决问题。 http://jsfiddle.net/FzaxF/1/