css - Fluid 960 Accordion 扩展

标签 css accordion fluid 960.gs

我正在使用 http://www.designinfluences.com/fluid960gs/ 改造网站

Fluid 960 使用 MooTools 以及其他一些技术。

在加载实现 Fluid 960 Accordion 样式的页面时,如何使第一个子菜单项以外的 Accordion 子菜单项呈现展开?我在 <li> 上尝试了“当前”和“选定”类(class)和 <a>标签,但它们不起作用。

我还在 fluid CSS 的引用页面上注意到他们的 Menu Accordion 在 Submenu 3 上有一个“active”类,它似乎没有做任何事情。

现在要处理一小段代码示例,但我希望有人能在没有它的情况下回答。

最佳答案

我的问题是误解了 960 Fluid 模板以及它们如何实现 Accordion 。最后,我修改了创建 Accordion 的 .js 代码,并将一个 javascript 变量传递给 FX.accordion 创建代码,以便设置 show:myNewVar 参数,并且 Accordion 呈现正确的元素展开。

另外:我想阻止 Accordion 在渲染过程中“展开”,所以我使用了 show:X 参数而不是 display:X 参数,这样可以保留初始的动画 Accordion 打开并进行正确的部分渲染。

关于css - Fluid 960 Accordion 扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4961346/

相关文章:

CSS3 - 变换 :translate property when clicking on a link

html - 如何处理在 ASP.NET MVC 中返回文件的 Controller 结果

javascript - 仅单击标题而不单击其指定的子项

javascript - jQuery UI + Bootstrap 3 可排序 Accordion 无法正常工作

typo3 - TypoScript 在 Fluid 模板中的最佳用法是什么?

javascript - 阻止选择在 IE 中有效但在 Chrome 中无效的文本?

css - 是否有用于文本节点的 CSS 选择器?

javascript - 具有多个链接的 Accordion

CSS 固定布局导致水平滚动条显示在低分辨率屏幕上

html - 如何在浏览器调整大小时使 div 内的文本流畅?