单击另一个时，切换状态不会更改

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

试试这段代码：

＆＃13;

＆＃13;

    $(document).ready(function() {
  $('.accordian-content').hide();
  $('.accordian-title').click(function() {
  const flag = $(this).find('.accordian-title-icon').hasClass('accordian-title-icon-open');
  	$('.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')
    }
  });
});

＆＃13;

＆＃13;

＆＃13;