accordion - 我想做一个手风琴，我想让它像我找到的网站一样运作

Question

它必须能够在 Wordpress 中运行，并且还必须能够容纳我希望的尽可能多的“部分”。它还必须能够拥有多个手风琴实例，每个实例具有不同的信息。我得到这个想法的网站是http://www.steppenwolf.org/Plays-Events/。

我几乎没有使用 javascript 的经验，但我精通 HTML 和 CSS。

我不是要你为我做这个，只是帮助我建造这样的东西。

我希望能够使用无序列表来形成手风琴：

<ul class="accordion-1">
    <li class="accordion-item-1"></li>
    <li class="accordion-item-2"></li>
    <li class="accordion-item-3"></li>
    <li class="accordion-item-4"></li>
</ul>
<ul class="accordion-2">
    <li class="accordion-item-5"></li>
etc...

Answer 1

我建议看看是否已经有可用的插件。我快速搜索并找到了一个 jQueryUI - http://wordpress.org/extend/plugins/jquery-ui-widgets/

这将允许您使用Accordian 插件