jquery - 改变手风琴行为

Question

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

我有以下代码：

    <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 演示

$('.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());
});

它将隐藏已打开的选项卡，但如果再次单击也会隐藏打开的选项卡。
如果你有问题，只是问！

Answer 2

改变

parentAccordion.init("acc","h6",0,0);

&

nestedAccordion.init("nested","h6",0,0,"acc-selected");

至

parentAccordion.init("acc","h6",1,0);

&

nestedAccordion.init("nested","h6",1,0,"acc-selected");