hasClass('open')アコーディオンについて

Question

Q
なぜifがtlueのとき(openクラスをもっているとき)slideupで「+」表示なのかが、わかりません。
私は逆？だと思ってしまうのですが・・slideDownで「-」表示。

if文がtrueの時（下図で答えが表示されている時）、答えの部分はslideUpメソッドを用いて隠し、質問の右にある「-」記号は「+」記号に書き換えます。反対にif文がfalseの時は、答えをslideDownメソッドで表示し、「+」記号は「-」に書き換えましょう。

$('.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.slidDown();
  $(this).find('span').text('-');

Answer 1

考え方はいくつかありますが、やっているのは開いているディレクトリを
クリックしたら閉じてアイコンを+にする（または逆）です
開くことができるディレクトリを+、閉じることができるディレクトリを-とすることは
おかしいことではありません

Comments

[112rose]

ご回答ありがとうございます。
やっているのは開いているディレクトリをクリックしたら閉じてアイコンを+にする、
というご説明が何となくわかったような・・

if文がtrueの時（答えが表示されている時）開いてて、－、の状態。
だから、閉じて、＋、にするという文をつくる感じでしょうか？

[yambejp]

実際にソースは試されていますか？やれば理解できると思いますが・・・
繰り返しになりますが、もし開いてたら閉じてアイコンをプラスに
閉じてたら開いてアイコンをマイナスにしています。

[112rose]

わかりました。ありがとうございました。

クリックしたときの動きをつくるということですもんね。
開いてる状態をつくるのと勘違いしてました。