單擊另一個時，切換狀態不會改變

Question

當前，需要單擊圖標才能更改狀態。我想有狀態改變的另一點擊

$(document).ready(function() { 
 
    $('.accordian-content').hide(); 
 
    $('.accordian-title').click(function() { 
 
    $(this).find('.accordian-title-icon').toggleClass('accordian-title-icon-open') 
 
    $('.accordian-content').not($(this).next('.accordian-content')).slideUp(); 
 
    $(this).next('.accordian-content').slideToggle(); 
 
    }); 
 
});

Answer 1

試試這個代碼時：

$(document).ready(function() { 
 
    $('.accordian-content').hide(); 
 
    $('.accordian-title').click(function() { 
 
    const flag = $(this).find('.accordian-title-icon').hasClass('accordian-title-icon-open'); 
 
    \t $('.accordian-title-icon').removeClass('accordian-title-icon-open'); 
 
    $('.accordian-content').not($(this).next('.accordian-content')).slideUp(); 
 
    $(this).next('.accordian-content').slideToggle(); 
 
    if(!flag) { 
 
    $(this).find('.accordian-title-icon').addClass('accordian-title-icon-open') 
 
    } else { 
 
    $(this).find('.accordian-title-icon').removeClass('accordian-title-icon-open') 
 
    } 
 
    }); 
 
});