私はプログラミングに慣れていません。以前はここに投稿したことはありませんでしたが、この問題はかなり単純ですが、それは私のための基礎を超えています。私は5つのオブジェクトをすべて同じdivクラスで持っています。私はクラスなどを隠して実験しましたが、私の目標は、イベントハンドラとjqueryセレクタを使用して1つのオブジェクトを選択し、残りのオブジェクトを隠すか、または切り離すことです。私のコードはおそらくかなり醜いですが、私は答えに向かって取り組んでいます。しかし、隠されていないオブジェクトが再びクリックされると、他のオブジェクトが再び現れたがっています。Jquery 1つのオブジェクトを選択して同じタイプの他のオブジェクトを非表示にする
0
A
答えて
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>
関連する問題
- 1. 同じ時間に2つのオブジェクトを表示、非表示にするJquery?
- 2. 1つの色を選択するときにテキストボックスを表示し、同じ時間を非表示にする
- 3. 他の選択に応じて選択リストを表示
- 4. LINQ:特定のオブジェクトのプロパティを同じオブジェクトに選択
- 5. Angularjs:複数の同じオブジェクトを選択してトラックする
- 6. ドロップダウンリストの選択値に応じてJQueryでdivを表示/非表示
- 7. jQuery:非表示の入力タイプとして子供を選択しますか?
- 8. divを表示/非表示javascriptの選択肢に応じて
- 9. ドロップダウンリストの選択に応じて列を表示/非表示
- 10. CoreDataで同じタイプの永続オブジェクトと非永続オブジェクトを持つ
- 11. Json Arrayのオブジェクトを合成し、同じパラメータを持つオブジェクトを表示する
- 12. 複数の配列から1つの選択オブジェクトを表示する
- 13. 1つのdivを表示し、他の要素を非表示のラジオボタンで非表示にします
- 14. jQuery、選択メニューの複数の子を1つの文字列で表示または非表示にする
- 15. nullをコピーし、空でないフィールドを同じタイプの別のオブジェクト(オブジェクトは同じタイプ)にコピーします
- 16. 他の列と同じ特性を持つ1つの列を選択
- 17. 同じタイプの2つのオブジェクトをMockitoでモックします
- 18. 同じ名前の複数のオブジェクトを選択する
- 19. jqueryのショー非表示選択オプションブロック
- 20. Blender Pythonは同じグループ内のオブジェクトを選択しますか?
- 21. AngularJs:選択値に応じてフィールドを非表示にする
- 22. on click function jqueryユーザー選択後に1つのオブジェクトを削除します
- 23. Jquery selectable:1つのクラス/タイプに対して複数選択を許可する
- 24. OOP - 1つのオブジェクトを他のオブジェクトに渡しますか?
- 25. 選択非表示の選択ボックスと選択ボックスオプションを選択に基づいて選択します。
- 26. 選択して非表示
- 27. ManyToMany関係に同じタイプのオブジェクトを持つすべてのオブジェクトを見つける
- 28. 同じオブジェクトの他のメソッドを持つオブジェクトのメソッドを呼び出す
- 29. 選択オプション(jQuery)に基づいて表の列を表示/非表示
- 30. divのように選択したオブジェクトを表示/非表示にする方法は?
クリックハンドラをお持ちの場合は、クラスを一致させてすべてを非表示にしてから「this」を表示します。 – JonSG