问题标签 [jquery-ui-accordion]

这是我当前的标记（通过 JSBin）。我有一个基本的 jquery ui 手风琴（我认为一切都很好），但我希望让它更具视觉吸引力。

基本上，我试图反映霓虹天空创意媒体基于 Flash 的菜单的外观和感觉，我无法发布链接，因为新用户最多只能发布 1 个超链接。只需谷歌“j-carrier Photography”，你就会看到我想要的一个例子。

我尝试过在鼠标悬停时添加一个“+”图标（如果适用），并为每个菜单项的背景颜色和不透明度设置动画，但失败了。

任何帮助，将不胜感激。

我已经和这个摔跤了一段时间了。

我想在有人更改手风琴之前有一个确认（）。

我努力了：

带着一点喜悦！我也尝试过这样的事情

但又没有喜悦。

任何帮助将不胜感激。

干杯

我希望有类似于 JQuery UI 中的可排序手风琴的东西，它会自动排序，即活动的手风琴面板（打开的手风琴面板 - 最后一个点击）自动移动到手风琴的顶部。

有任何想法吗？

这是 JQ UI 页面的链接：http: //jqueryui.com/demos/accordion/#sortable

谢谢！

这是我的代码（回复托马斯）：

当有人单击同一页面或不同页面上的链接时，我想向 Jquery UI 手风琴添加一个新部分。我查看了 append() 函数，但我要提取的内容将包含 PHP 和 HTML，因此需要对其进行解析。

用户将单击的链接将引用数据库记录以提取例如 /site/index/record/3 （我在 Code Igniter 中构建）。

做这个的最好方式是什么？

我正在考虑使用 prependTo （如果这是正确的），然后通过 ajax 拉入内容？不知道这将如何工作，但从另一个页面点击。

任何想法、建议、指针或评论都将不胜感激，因为我不知道如何做到这一点。

这是我的手风琴js：

谢谢！

我正在使用此代码使手风琴可排序，并使活动的手风琴面板移动到堆栈的顶部：

但是，它似乎不起作用。标准演示代码适用于我的 html：

有什么想法我哪里出错了吗？

提前致谢！

从手风琴面板，我发布了一些数据，然后重新加载页面。我希望重新加载当前面板以打开并集中在屏幕上，而不是重新打开第一个面板并将我移回屏幕顶部。我知道我要打开哪个面板，所以我不需要代码来找出面板，只需要如何显示它。

编辑添加：

这就是我初始化手风琴的方式：

这是基本结构：

我在一个 jQuery UI Accordion 中有一个包含几个长度显着不同的部分的页面。如果我打开一个新部分（折叠上面较长的部分之一），我将留在页面底部。因为这些部分的高度有很大不同，所以我不能使用自动高度功能，因为它看起来很奇怪。有什么方法可以使用类似 scrollto 的东西自动转到我刚刚展开的部分的顶部？

我几乎完成了这个，所以我有一个最后一个错误需要你的帮助来解决。

我先从这个问题开始...

演示：http: //jsbin.com/ucalu3/7/

方案 3 不起作用。当您单击“全部展开”并单击一个问题以折叠答案时，它工作得很好。问题是，现在单击“全部折叠”，它将展开所有答案。我希望它实际上折叠所有答案，就像“全部折叠”链接所说的那样，它应该而不是扩展所有答案。

其他 2 个场景工作得很好，它们是：

方案 1 有效。（刷新页面重置手风琴） 当您单击“全部展开”时，它将变为“全部折叠”。答案将相应扩展，活动问题状态将适当交换。当您单击“全部折叠”时，所有问题/答案将恢复到默认状态。

方案 2 有效。（刷新页面以重置手风琴） 当您先单击一个问题然后单击“全部展开”时，它将展开所有答案，当您单击“全部折叠”时，它将折叠所有答案。

代码

感谢您的帮助！

真诚的，埃文

这对您来说应该很容易。我有一架手风琴，我想固定高度。每个窗格的大小应相同，如果窗格上有任何溢出，则应显示滚动条。在下面的代码中，滚动条出现在第一个窗格的加载中，但在第一个窗格更改后，手风琴扩展了它的高度，因此不再需要滚动条。

我究竟做错了什么？

我正在尝试向手风琴动态添加元素。每个添加的元素都包含一个带有自定义表单元素样式的单选按钮的表单。这是我用来将元素添加到手风琴的代码。

代码添加没有问题，但是手风琴永远不会完成并且按钮没有样式。错误说 Uncaught TypeError: Cannot read property 'style' of null。当我删除单选按钮时，手风琴可以正常工作。

这是 callAccordion 的代码