jQuery slide - 不要关闭以前的手风琴

时间:2017-01-31 13:11:58

标签: javascript jquery

enter image description here

这是一款jQuery手风琴,以前的手风琴(标签)会在您打开一个新手风琴时关闭。例如,当您打开第一个选项卡,然后打开第二个选项卡时,第一个选项卡将关闭。基本上,当你打开一个标签时,另一个关闭。我如何阻止前一个关闭?只有当用户再次点击它时,该标签才会关闭。

这里是jQuery -

jQuery(document).ready(function ($) {

    var open = $('.openx'),
        a = $('ul').find('a');

    console.log(a.hasClass('active'));

    open.click(function (e) {
        e.preventDefault();
        var $this = $(this),
            speed = 500;
        if ($this.hasClass('active') === true) {
            $this.removeClass('active').next('.inneraccordionbox').slideUp(speed);
        }
        else if (a.hasClass('active') === false) {
            $this.addClass('active').next('.inneraccordionbox').slideDown(speed);
        } else {
            a.removeClass('active').next('.inneraccordionbox').slideUp(speed);
            $this.addClass('active').next('.inneraccordionbox').delay(speed).slideDown(speed);
        }

    });       
});

手风琴采用ul li格式,a代码为openx

1 个答案:

答案 0 :(得分:0)

只需注释掉以下内容即可。因为它是关闭所有项目的那个。

 a.removeClass('active').next('.inneraccordionbox').slideUp(speed);