クリックされた要素以外を非表示にする方法

Question

タイトルでもお伝えしているとおりです。

      if(this){
        for (var i = 0; i < sortTargetLen; i++) {
          if (!sortTarget[i].contains(this)) {
              $(".AREA0" + indexNUM).addClass("test");
          }else{
            $(".AREA0" + indexNUM).removeClass("test");
          }
        }
      }

こちらが試している記述内容になります。

どなたか、ご教授いただけないでしょうか？

Comments

[x_x]

どこがわからないのでしょう？　スタイルシートですか？

[masaru_free]

いえ、スタイルシートではなく、クリックされた要素以外を非表示にするスクリプトです。

[sousuke]

html見せたほうがいいと思います。「クリックされた要素以外」がなんのことかがわかりません。

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

for文で回すのは複雑になりますね。
どうしても速度が欲しいケース以外では
全部消去→クリックしたものだけ有効の流れにした方が簡単に実装出来ると思います。

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>

$(function(){
  var $items = $('.item');
  $items.click(function(){
    $items.removeClass("test");
    $(this).addClass("test");
  });
});

Comments

[miyabi-sun]

実際には要素が消えたらクリック出来ません。
なので実際にはアコーディオンメニューのように常に表示のスイッチと、
表示・非表示が切り替わる段落の2つで管理することになるでしょう。

でもまぁ、基本は一緒ですね。
全ての本文を消してスイッチに対応する本文だけ活性化。

[masaru_free]

miyabi-sunさんありがとうございます。

難しく考えすぎていました。

解決しました。