javascript アコーディオン

Posted 2021-05-03

$(function () {
    var toggle_element = '.js-listToggle';//トグルのトリガー
 
    $(toggle_element).on('click', function () {
        $(this).toggleClass('p-flg--down p-flg--up');
        $(this).next().slideToggle('fast');
    });
 
    //範囲外クリックで閉じる
    $(document).on('click touchend', function(event) {
        if (!$(event.target).closest($(toggle_element).parents('ul')).length) {
            $(toggle_element).next().slideUp('fast');
        }
    });
});