jQuery openクラス？について

Question

初めまして。当サイトは初めてですが、初心者です。
質問宜しくお願い致します。

###発生している問題・エラーメッセージ

アコーディオンを作ろうとしていて下記のコードの中で
hasClass('open') ,
removeClass('open')
の部分で悩んでいます。
「open」を付ける・取り外すでスライドの開閉状態がなぜ識別されるのかが分かりません。
もしHTMLやCSSで事前にopenについて記述していればopenを付けたり外したりする事で
開閉の状態が認識ができるのは分かるのですが、htmlやcssで「open」について何も触れていない
のに（記述が無いのに）openの付け外しで開閉がなぜ識別されるのか疑問に思っています。
初歩的で意味の分かりにくい質問で申し訳ございませんが、分かる方いましたら
教えて頂けましたら幸いです。宜しくお願い致します。

###該当のソースコード

$('.faq-list-item').click(function() {
var $answer = $(this).find('.answer');
if($answer.hasClass('open')) {
$answer.removeClass('open');
$answer.slideUp();

$(this).find('span').text('+');

} else {
$answer.addClass('open');
$answer.slideDown();

$(this).find('span').text('-');
}
});
});

###試したこと
自分でopenクラスを付けて試してみたり検索をかけて情報収集試みましたがダメでした。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

ソースコード3行目、hasClass()はその要素に指定したクラスが存在するかどうかを判断します。
この場合だと、要素$answerにopenクラスが存在するかどうかを判断しています。

if($answer.hasClass('open')) {

HTMLのコードにてopenクラスを記述しない場合、上記if文のelse内が実行されますので、

} else {
$answer.addClass('open');

要素$answerに対してopenクラスが付与されます。
ですのでHTMLにopenクラスを記述しなくても開閉の識別ができます。

Comments

[kenj]

丁寧なご回答ありがとうございました。おかげで理解ができました。助かります。ありがとうございます。

Answer 2

「該当のソースコード」で$('.faq-list-item')をクリックしたときの動作として、
$answerのopenクラスの有無で非表示にする(slideDown)か表示にする(slideUp)か
の処理を分岐させているから、だと思いますがこれで答えになってますでしょうか…？

Comments

[kenj]

丁寧なご回答ありがとうございました。openは開閉の目印のようなものなのですね。
おかげで理解ができました。助かります。ありがとうございます。