1

我很困惑。我不确定我可以做些什么来破坏 Accordion Shortcode 插件或我刚刚尝试的 CSS Accordion 代码中的手风琴功能。大多数情况下，我需要了解如何解决这些问题，所以我将自己置于你的摆布之下，以便我可以帮助该网站恢复正常功能。

首先，带有手风琴简码的页面：http: //londoncapital.biz/partners/global/

我一直在使用 Symple Shortcode 插件，直到我不得不重新安装该站点，然后该插件停止工作。我怀疑这与 WP3.7.1 升级有关，但我不能确定。所以我决定只找到另一个可以工作的插件，并且 Accordion 插件可以工作并且看起来更适合该网站，所以我很高兴。在某些时候，在解决并修复重新安装后出现的一些奇怪问题（从恢复的备份中以某种方式生成的奇怪空间）以及 Better WP Security 插件在其保护方面过于热心时，我对手风琴简码插件。然后......它停止工作。因为我无法追踪我可能做了什么，所以我决定研究另一种手风琴并找到了一个 CSS 版本。认为这是完美的，可以摆脱任何插件不兼容的问题，但可惜这也失败了。它目前已折叠，不会扩展。

CSS Accordion 页面：londoncapital。商务/测试之家

我关注了这个网站： http: //www.hongkiat.com/blog/css-content-accordion/并像这样引用了 CSS 文件：

@import url("../onyx/accordion.css");

我怀疑有一个简单的答案，但如果我能弄清楚，那该死的。感谢您提前做出的任何努力！此文件与普通 style.css 位于同一目录中（确切地说，此模板为 style4.css）。

4

2 回答 2

0

继我上面的评论之后：您已经通过添加 ID 解决了一个问题，但现在还有另一个问题。您已将sectionsHTML 中的 替换为div，但尚未更改 CSS 以匹配。将 的所有实例更改.accordion section为.accordion div：

.accordion section:target { ... }
.accordion section:target:hover { ... }
.accordion section:target h2 { ... }
.accordion section:target h2 a { ...}

到 .accordion div:target { ... } .accordion div:target:hover { ... } .accordion div:target h2 { ... } .accordion div:target h2 a { ...}

您还需要对.horizontal section和执行相同的操作.vertical section。请参阅此 JSFiddle以查看它的实际效果

于 2013-11-11T09:29:11.263 回答
0

触发目标所需的部分 ID 缺失。尽管您将 ID 添加到锚标记。演示：http: <section id="#about">...</section> //jsfiddle.net/dhanith/7y7mY/

于 2013-11-06T14:13:09.573 回答