アコーディオン機能をつけるコードへの理解が出来ない。

Question

progateでjquery中級コースを学習しています。アコーディオン機能をつけることを学んでいるのですが、
スライド説明を見ても理解出来ないところがあるので、噛み砕いてどういう理由でこのコードが必要なんだみたいに教えて欲しいです。

コード
$('.faq-list-item').click(function(){
    var $answer=$(this).find('.answer');
    if($answer.hasClass('open')){
      $answer.removeClass('open');
    }else{
      $answer.addClass('open');
    }
  });

課題はリンク内容です。
リンクの質問文に書かれている『回答を得て、まだ理解出来ずにいる点』を見て下さい。
『$answerにはopenクラスがないから、hasClassでtrue,falseをそもそも判定できない（trueがない）と考えることしか理解出来ないです』。
まず、アコーディオンをつけるとクリックしたら隠れていた内容が出てくることは理解出来ています。
１、
var $answer=$(this).find('.answer');の部分で理解の仕方が正しいか教えて下さい
理解の仕方　（変数varがあるのは.answerクラスが複数あるから。）
２、
全く理解出来ないと感じる部分
hasClassメソッドは$answerにopenクラスがあるかないかを判定するものだけど、
今回、$answerにはどこのコードを見てもない。だからif文で判定したとしても、全部openがないパターンしかない。
そのため、openがあればremoveClassをとっての部分は成立しないんじゃ？と感じる。理解出来ないです。

この説明を見たんですが理解出来なかったです。

Answer 1

１、
var $answer=$(this).find('.answer');の部分で理解の仕方が正しいか教えて下さい
理解の仕方　（変数varがあるのは.answerクラスが複数あるから。）

「.answer」というidの要素を探し(find)、「$answer」という変数(var)に入れている。

２、
全く理解出来ないと感じる部分
hasClassメソッドは$answerにopenクラスがあるかないかを判定するものだけど、
今回、$answerにはどこのコードを見てもない。だからif文で判定したとしても、全部openがないパターンしかない。
そのため、openがあればremoveClassをとっての部分は成立しないんじゃ？

１度目はそのとおりで、if文のelseに流れます。
そこで１で取得した変数を使って$answer.addClass('open');が実行され、「open」クラスを追加しています。
これにより、２度目に同じif文に来た場合はif文がtrueになります。
そこでremoveClassが実行されると、最初の状態に戻ります。

Comments

[Akaho]

ということは、elseの場所にremoveClass、if文の中にaddClassを逆にして入れてもアコーディオン機能を付けようと思えばできると理解して大丈夫ですか？
Progateで試しにやってみて出来なかったんですが、それはpro gate の仕様と違うという理由から無理なのか、まだ理解が足りてないのかわからないです

[Akaho]

elseの場所にremoveClass、if文の中にaddClassを逆にして入れてもアコーディオン機能を付けようと思えばできると理解して大丈夫ですか？
→間違いだと気づきました。これではいつになってもopenクラスがつかないと気づきました。

[Akaho]

分かりやすく教えて下さってありがとうございました。