保持手风琴的所有部分打开

Question

我的网站上有this code，我希望当我点击另一个项目时保持打开状态，我的意思是，巴西已经在我的列表中打开，我想要的是当用户点击意大利时，不要巴西崩了，意大利才开了。

<script type="text/javascript">

$('.country > .countrybar').click(function() {

var checkElement = $(this).next();

$('.country > .countrybar').removeClass('active');
$(this).closest('.country > .countrybar').addClass('active');   

if((checkElement.is('.country > .countrycontent')) && (checkElement.is(':visible'))) {
    $(this).closest('.country > .countrybar').removeClass('active');
    checkElement.slideUp('fast');
}

if((checkElement.is('.country > .countrycontent')) && (!checkElement.is(':visible'))) {
    $('.country > .countrycontent:visible').slideUp('fast');
    checkElement.slideDown('fast');
}

if (checkElement.is('.country > .countrycontent')) {
    return false;
} else {
    return true;    
}

}); $('.countrycontent > .leaguebar').click(function() {

var checkElement = $(this).next();

$('.countrycontent > .leaguebar').removeClass('active');
$(this).closest('.countrycontent > .leaguebar').addClass('active'); 

if((checkElement.is('.countrycontent > .leaguecontent')) && (checkElement.is(':visible'))) {
    $(this).closest('.countrycontent > .leaguebar').removeClass('active');
    checkElement.slideUp('fast');
}

if((checkElement.is('.countrycontent > .leaguecontent')) && (!checkElement.is(':visible'))) {
    $('.countrycontent > .leaguecontent:visible').slideUp('fast');
    checkElement.slideDown('fast');
}

if (checkElement.is('.countrycontent > .leaguecontent')) {
    return false;
} else {
    return true;    
}

});

Answer 1

你的意思是this？我删除了一些检查其他内容是否可见的代码。如果是这样，它会向上滑动……现在除非你点击它，否则它不会发生。

但是您自己编写了这段代码吗？还是您从其他人那里复制/粘贴的？

$('.country > .countrybar').click(function() {

    var checkElement = $(this).next();

    //$('.country > .countrybar').removeClass('active');
    $(this).closest('.country > .countrybar').addClass('active');   

    if((checkElement.is('.country > .countrycontent')) && (checkElement.is(':visible'))) {
        //$(this).closest('.country > .countrybar').removeClass('active');
        checkElement.slideUp('fast');
    }

    if((checkElement.is('.country > .countrycontent')) && (!checkElement.is(':visible'))) {
        //$('.country > .countrycontent:visible').slideUp('fast');
        checkElement.slideDown('fast');
    }

    if (checkElement.is('.country > .countrycontent')) {
        return false;
    } else {
        return true;    
    }
});
$('.countrycontent > .leaguebar').click(function() {

    var checkElement = $(this).next();

    $('.countrycontent > .leaguebar').removeClass('active');
    $(this).closest('.countrycontent > .leaguebar').addClass('active'); 

    if((checkElement.is('.countrycontent > .leaguecontent')) && (checkElement.is(':visible'))) {
        $(this).closest('.countrycontent > .leaguebar').removeClass('active');
        checkElement.slideUp('fast');
    }

    if((checkElement.is('.countrycontent > .leaguecontent')) && (!checkElement.is(':visible'))) {
        $('.countrycontent > .leaguecontent:visible').slideUp('fast');
        checkElement.slideDown('fast');
    }

    if (checkElement.is('.countrycontent > .leaguecontent')) {
        return false;
    } else {
        return true;    
    }
});

Answer 2

检查我的代码：https://jsfiddle.net/628qzvo6/

$('.country > .countrybar').click(function() {

    var checkElement = $(this).next();

    //$('.country > .countrybar').removeClass('active');
    $(this).closest('.country > .countrybar').addClass('active');   

    if((checkElement.is('.country > .countrycontent')) && (checkElement.is(':visible'))) {
        //$(this).closest('.country > .countrybar').removeClass('active');
        checkElement.slideUp('fast');
    }

    if((checkElement.is('.country > .countrycontent')) && (!checkElement.is(':visible'))) {
        //$('.country > .countrycontent:visible').slideUp('fast');
        checkElement.slideDown('fast');
    }

    if (checkElement.is('.country > .countrycontent')) {
        return false;
    } else {
        return true;    
    }
});
$('.countrycontent > .leaguebar').click(function() {

    var checkElement = $(this).next();

    $('.countrycontent > .leaguebar').removeClass('active');
    $(this).closest('.countrycontent > .leaguebar').addClass('active'); 

    if((checkElement.is('.countrycontent > .leaguecontent')) && (checkElement.is(':visible'))) {
        $(this).closest('.countrycontent > .leaguebar').removeClass('active');
        checkElement.slideUp('fast');
    }

    if((checkElement.is('.countrycontent > .leaguecontent')) && (!checkElement.is(':visible'))) {
        $('.countrycontent > .leaguecontent:visible').slideUp('fast');
        checkElement.slideDown('fast');
    }

    if (checkElement.is('.countrycontent > .leaguecontent')) {
        return false;
    } else {
        return true;    
    }
});