jquery - 改变 Accordion 行为

Question

我使用了一个名为tinyAccordion的小插件，我想改变它的行为，但我这样做只是为了自学一些 Accordion 技能，而且我对如何改变它一无所知因此 Accordion 一次仅打开一个选项卡。澄清一下，如果您打开另一个选项卡，则打开的选项卡将关闭。

我有以下代码:

    <script type="text/javascript">

    var parentAccordion=new TINY.accordion.slider("parentAccordion");
    parentAccordion.init("acc","h6",0,0);

    var nestedAccordion=new TINY.accordion.slider("nestedAccordion");
    nestedAccordion.init("nested","h6",0,0,"acc-selected");

    </script>

这是 jsfiddle 链接:http://jsfiddle.net/LQsV5/

Answer 1

您不需要插件，只需尝试我为您编写的这几行:

jsFiddle demo

$('.acc li h3').next('.acc-section').hide();
$('.acc li h3').click(function() {
    var el = $(this).next('.acc-section');
    check = (el.is(':visible')) ? el.slideUp() : ($('.acc-section').slideUp()) (el.slideDown());
});

它将隐藏已打开的选项卡，但如果再次单击，也会隐藏打开的选项卡。
如果您有疑问，请提问!