teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コメント追加

2016/07/12 10:27

投稿

aKusano
aKusano

スコア3763

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  ```javascript
2
2
  $(".toggle").click(function(){
3
- $(".menu").slideToggle();
3
+ $(".menu").slideToggle(); /*全ての.menuが対象になってしまっている*/
4
4
  return false;
5
5
  });
6
6
  ```
@@ -8,7 +8,7 @@
8
8
  **「いまクリックしたDOM」**を表すための機能として`$(this)`がありますので、これを使ってslideToggle()させる対象領域を絞り込み、そこからトラベリング機能を使って`$(this).find(".menu")`というセレクタを作ればいけると思います。
9
9
  ```JavaScript
10
10
  $(".toggle").click(function(){
11
- $("this").find(".menu").slideToggle();
11
+ $("this").find(".menu").slideToggle();/*クリックした.toggleの子要素の.menuだけを対象にする*/
12
12
  return false;
13
13
  });
14
14
  ```