Question

我很难过。我不知道在Accordion Shortcode插件和我刚试过的CSS Accordion代码中，我能做些什么来打破手风琴功能。大多数情况下，我需要了解如何对这些进行故障排除，以便我将自己放在你的怜悯之下，这样我就可以帮助让这个网站恢复正常的功能。

首先，带有Accordion Shortcode的页面：http://londoncapital.biz/partners/global/

我正在使用Symple Shortcode插件，直到我不得不重新安装该网站然后该插件停止工作。我怀疑这与WP3.7.1升级有关，但我无法确定。所以我决定找到另一个能够正常工作的插件，并且Accordion插件工作起来并且对于网站看起来更好，所以我很高兴。在某些时候，虽然经历并修复了重新安装后出现的一些奇怪的问题（以某种方式从恢复的备份生成的奇怪空间）和更好的WP安全插件在其保护中过于热心，我很满意手风琴短代码插件。然后......它停止了工作。因为我无法追踪我可能做的事情，所以我决定研究一种替代手风琴并找到一个CSS版本。认为这是完美的，并将摆脱任何插件不兼容，但唉这也失败了。它目前已崩溃，不会扩大。

CSS Accordion页面：londoncapital。 biz / test-home

我关注了这个网站：http://www.hongkiat.com/blog/css-content-accordion/并引用了CSS文件，如下所示：

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

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

Answer 1

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

Answer 2

继上面的评论之后：你已经通过添加ID解决了一个问题，但现在又出现了另一个问题。您已在sections的HTML中交换了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执行相同的操作。请参阅this JSFiddle以了解相关信息

Wordpress和Accordions，现在没什么用

2 个答案: