需要jQuery手风琴示例

Question

任何人都可以向我指出一个'准备好'的jQuery Accordion，它具有轻巧且易于实现的CSS。我不想使用jQUery UI。

Answer 1

我已经部署了类似here的内容。

这是脚本（清理为meo指出）：

$(document).ready( function() {
    $("div.accordian-text").hide();
    $("a.accordian-link").click( function() {
        $('div.accordian-text').slideUp()
        $(this).next("div.accordian-text").slideToggle();
        $(this).toggleClass("active");
    });
});

标记：

<a href="javascript:void(0);" class="accordian-link">Accordian Trigger</a>
<div class="accordian-text">
    <p>Hidden Text in Accordian element</p>
</div>
<!-- Repeat as needed -->