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

Question

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

<script type="text/javascript">

$('.country > .countrybar').click(函数() {

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(函数() {

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？我删除了一些代码来检查是否有其他内容可见。如果是这样它会 slideUp ......现在它不会发生，除非你点击它。

但是这段代码是你自己写的吗？还是您 copy/paste 从别人那里得到的？

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

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

Keep all parts of an accordion open

jquery

accordion

jquery-ui-accordion