jQueryで階層外の要素を取得したい

Question

jQueryで下記の　class　Attendance-question-icon　と　Attendance-question　がクリックされた時、非表示になっているAttendance-mobile-txtを表示させたいのですが、階層構造の外（？）にある要素の取得がどうすればいいかわかりません。「closest()」メソッド等も試してみましたがうまくいきませんでした。よろしくお願いいたします（class="Attendance-mobileは複数あり、クリックしたclass="Attendance-mobile内のAttendance-mobile-txtが表示されるようにしたいです。）

　　　　　<div class="Attendance-mobile">
          <div class="Attendance-mobile-flex">
            <div class="Attendance-mobile-flex-inside">
              <img src='skypeconsulting.png'>
              <p class="Attendance-question txtm">Skypeで事前コンサル</p>
            </div>
            <i class="fas fa-chevron-down Attendance-question-icon"></i>
          </div>
          <div class="Attendance-mobile-txt">
            <p class="Attendance-answer-one txts">現在のスキルの状況、パソコンの環境説明、渡航での注意点を話します。</p>
            <p class="Attendance-answer-one txts">簡単なテストあり</p>
            <p class="Attendance-answer-two txtxs">iSaraでは受講費以上を稼げることを保障しています。従って、事前コンサル時点で簡単なテストを実施し、場合によってはお断りをしております。（テストの内容はPCの基礎知識に関するテストですので、普段からパソコンを利用する方でしたら問題ありません。テストはもちろん無料ですので、まずはお問い合わせください。）</p>
          </div>
        </div>

 $('.Attendance-question-icon','Attendance-question').click(function() {
    /*Attendance-mobile-txtに.slideToggle();を適用させたい*/
  });

Answer 1

（class="Attendance-mobileは複数あり、クリックしたclass="Attendance-mobile内のAttendance-mobile-txtが表示されるようにしたいです。）

下記でどうでしょう。

.Attendance-mobile-txt {
  display: none;
}

$(function(){
  $('.Attendance-question-icon ,.Attendance-question').on('click',function() {
    $(this).closest('.Attendance-mobile').find('.Attendance-mobile-txt').slideToggle();
  });
});

Comments

[raid-23]

解決しました。ありがとうございます。

Answer 2

$(function(){
  $('.Attendance-mobile-txt').hide();
  $('.Attendance-question-icon ,.Attendance-question').on('click',function() {
    $('.Attendance-mobile-txt').slideToggle();
  });
});