Jquery 1つのオブジェクトを選択して同じタイプの他のオブジェクトを非表示にする

Question

私はプログラミングに慣れていません。以前はここに投稿したことはありませんでしたが、この問題はかなり単純ですが、それは私のための基礎を超えています。私は5つのオブジェクトをすべて同じdivクラスで持っています。私はクラスなどを隠して実験しましたが、私の目標は、イベントハンドラとjqueryセレクタを使用して1つのオブジェクトを選択し、残りのオブジェクトを隠すか、または切り離すことです。私のコードはおそらくかなり醜いですが、私は答えに向かって取り組んでいます。しかし、隠されていないオブジェクトが再びクリックされると、他のオブジェクトが再び現れたがっています。

Answer 1

チェックこのアウト：

• .not(this)は、選択した1
• .toggle()が見えるまで隠されてから要素のステータスを変更し続けるから除いて一般的なクラスの他のすべての要素を選択し、バック永遠に...

$('.aa').click(function(){ 
 
    $('.aa').not(this).toggle(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="aa">1</div> 
 
<div class="aa">2</div> 
 
<div class="aa">3</div> 
 
<div class="aa">4</div> 
 
<div class="aa">5</div>