问题标签 [horizontal-accordion]

我正在使用基于此网站的水平手风琴：

http://www.marghoobsuleman.com/mywork/jcomponents/accordion-common/accordion.html

如果您减小窗口大小，手风琴将折叠起来；它不适合在窗户内。

预期的 ：

在较大的窗口大小上，这可以正常工作，但在减小窗口大小时，它将显示如下：

我一直在努力了解为什么当我使用.load().

手风琴超出了未连续显示的 div。

我正在使用 jQuery 1.7.1；这个插件是为 1.3.2 创建的，但我不知道这是否导致了问题。

css

索引.html：

prod_ind_present.html：

结果是在#content_ac具有自动宽度属性的 in 中，手风琴 div 的集合超出了 div 的范围，将其他内容向下推。

插件：

我将该 html 加载到 html 页面中的 div 中，该页面也有其他几个 div。但它没有正确显示。

这是显示问题的屏幕截图。

我在看 jQuery LiteAccordion V2。我使用所有默认设置，因为它们可以从以下位置下载：https ://github.com/nikki/liteAccordion ，以及图像。我正在学习这个插件。

但是，我遇到了图像不在正确位置的问题。请看下面的屏幕截图：

我正在使用火狐。因此，使用元素检查器，您可以看到图像向底部和右侧移动了一点点。我不会更改所有设置。他们还是一样的。我已按照网站上提供的指南进行操作。

我确实尝试查看 css 文件，但找不到控制图像位置的文件。

拜托，任何想法都会对我很有帮助。

非常感谢您的帮助。

编辑 - 代码：

可以在这里找到 css：https ://github.com/nikki/liteAccordion/blob/master/css/liteaccordion.css

我没有更改css代码，它仍然是一样的。

您可以在以下位置查看示例：http: //jsfiddle.net/aJhYk/1/

我有一个手风琴网格脚本，我已经研究了一段时间了。它背后的整个概念是提供可按类别（水平）展开/折叠的列组，以帮助减少浏览器中的水平滚动。

我现在遇到的问题是因为脚本按类别分解数据（代码返回给定类别的所有数据行，关闭表和列表，然后转到下一个类别），我有一个真的很难思考如何让所有东西都可以排序。

我需要这个脚本来运行是一种用户可以单击任何给定类别或列标题以按单击的类别或列标题对所有行进行排序的方式。

我创建了我的脚本的演示版本，以帮助向人们展示网格的代码结构。否则很难解释。

非常感谢任何建议。

我正在寻找一个水平手风琴，用户可以选择展开/折叠所有面板或任何面板。

现在我遇到了很多水平手风琴插件，比如http://nicolahibbert.com/demo/liteAccordion/

所有这些都允许选择一次打开一个。

请帮我解决这个问题。

谢谢， Cbalan

我的计划是让一些相邻的 3 个 div 的行向左浮动，替换 Accordion-Headers，然后打开每个 div 的内容，使其低于一行三个，将页面的其余部分向下推。

我尝试了各种“位置”的可能性，但无法让它按照我想要的方式工作。更多的是一个 css 问题。或者最好不要使用手风琴？

jsfiddle.net/pCwxa/1

我想知道 jQuery 是否以简单的方式提供了水平手风琴......就像他们提供常规手风琴功能的方式一样。在网上搜索后有一些插件可用。但是，我开始使用完全使用 CSS 3 运行的水平手风琴。可以在此处找到它的演示由于我对 CSS 3 还是有点陌生​​，我仍然不完全确定它是如何工作的。我已经能够根据自己的喜好来设计它的大部分样式。但是，就幻灯片效果而言，似乎里面的内容

关闭选项卡时仍然可见。你可以在这里找到我的问题的一个工作示例。我使用 firebug 试图了解发生了什么，并认为它可能与 z-index 有关。但是，这对我没有太大帮助。

谢谢，

槊

What I'm looking for is proving rather difficult to find after spending hours going through various JScript and CSS3 versions of a Horizontal Accordion...

Basically, we pay for and use a hell of a lot of the Telerik controls and I for a particular page I have 3 RadGrids and a RadHTMLBarChart that I wish to display in 4 seperate panels if you like..

The way I would really like to display these would be in a Horizontal Accordion but given the fact that the content is mostly dynamic in the sense that the height may adjust of the radgrid given the number of records it holds or the width may adjust of the chart depending on how many columns it is to show a fixed width version is really not going to work...

So, is there any suitable version of a horizontal accordion out there that somebody knows about that I can use in my projects for this sort of scenario?

Either JS or CSS3 I don't mind...

Thanks in Advance! Adam.

我更新了我的问题！所以，这里是小提琴：http: //jsfiddle.net/kozola/8M6wS/

我的代码：

我想要完成的是： 1. 我一次只需要打开一个标签！因此，如果我打开一个选项卡，其他选项卡就会关闭。我知道我可以为每次未打开的每个 div 编写关闭函数，但我将有 ~100 个 div，所以这行不通。2. 完全想不通为什么中间部分不光滑！也许你们有一些想法？

非常感谢大家！

我采用了复杂的 Accordion Menu 设计，并将 HTML 和 CSS 简化为尽可能基本和干净。

http://soflorealty.com/menu/menu.html

1）“AAA - Expanded”菜单链接以指定的“height: 75px”展开。这意味着我必须计算每个顶级菜单项的组合子菜单“li”列表项的总高度。有没有办法只指定我想要扩展的顶级菜单项而无需确定所需的扩展高度大小？

2）“CCC - 无子菜单”菜单项链接到外部页面（不展开子菜单），因此它只能在文本本身上单击。但是，对于其他子菜单链接，整个“li”标签是可点击的。 我找不到为什么“CCC”不是这种情况的区别。我想让整个 DIV 标签可点击。有任何想法吗？