jQueryを使用したアコーディオン、押したボタンの親要素を変化させたい

Question

前提・実現したいこと

▼こちらのページのアコーディオンの実装中なのですが、、
https://125naroom.com/web/3046
４. アコーディオン、一番目は開けておく（一つ開けると他は閉じる）

.accordion_headerをクリックした際、
.accordion_oneにもopenクラスが付いたり外れたりするようにしたいです。
装飾で＋αしたいなというのがあり、jQueryをどう記述し直せば良いかわからず、
どなたかご教示いただきたく

よろしくおねがいします！

該当のソースコード

<div class="accordion_one">
  <div class="accordion_header stay">アコーディオン、一番目は開けておく
    <div class="i_box"><i class="one_i"></i></div>
  </div>
  <div class="accordion_inner stay">
    <div class="box_one">
      <p class="txt_a_ac">アコーディオンの中身です。一つ開けると他は閉じます。</p>
    </div>
  </div>
</div>

// .s_04 .accordion_one
$(function(){
  //.accordion_oneの中の.accordion_headerがクリックされたら
  $('.s_04 .accordion_one .accordion_header').click(function(){
    //クリックされた.accordion_oneの中の.accordion_headerに隣接する.accordion_innerが開いたり閉じたりする。
    $(this).next('.accordion_inner').slideToggle();
    $(this).toggleClass("open");
    //クリックされた.accordion_oneの中の.accordion_header以外の.accordion_oneの中の.accordion_headerに隣接する.accordion_oneの中の.accordion_innerを閉じる
    $('.s_04 .accordion_one .accordion_header').not($(this)).next('.accordion_one .accordion_inner').slideUp();
    $('.s_04 .accordion_one .accordion_header').not($(this)).removeClass("open");
    $('.s_04 .accordion_one .accordion_header.stay').not($(this)).toggleClass("open");
  });
});

Answer 1

stayとopenの違いを理解してませんが、ざっくりこう

Comments

[yambejp]

$(function(){
$('.accordion_header').on('click',function(){
$('.accordion_inner').not($(this).next('.accordion_inner')).removeClass('open').prev('.accordion_header').removeClass('open');
$('.accordion_one').not($(this).closest('.accordion_one')).removeClass('open').closest('.accordion_one').removeClass('open');
$(this).toggleClass('open').next('.accordion_inner').toggleClass('open').closest('.accordion_one').toggleClass('open');
});
});

[s__oramame]

ありがとうございます。
想像通りの動きが実装できました！