1

私はtinyAccordionという小さなプラグインを使用しましたが、その動作を変更したいのですが、実際にこれを行ってアコーディオンのスキルを習得しているので、アコーディオンを変更する方法がわかりません。一度に1つのタブのみを開きます。明確にするために、別のタブを開くと、開いているタブが閉じます。

私はこれのために次のコードを持っています：

    <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/

4

2 に答える 2

3

プラグインは必要ありません。私が書いた次の数行を試してみてください。

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

すでに開いているタブは非表示になりますが、もう一度クリックすると開いているタブも非表示になります。
ご不明な点がございましたら、お気軽にお問い合わせください。

于 2012-07-19T23:00:01.570 に答える
0

変化する

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");
于 2015-11-22T22:52:47.827 に答える