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

回答編集履歴

3

解説加筆

2016/12/04 12:19

投稿

naomi3
naomi3

スコア1105

answer CHANGED
@@ -1,4 +1,6 @@
1
1
  .toggle()はjQuery1.9 で削除されていますので、.toggle()を使わない方法を考えました。
2
+ 条件判定でif/elseを使っても良いのですが、三項演算子 ? : を使うとスマートに書けます。
3
+
2
4
  ```JavaScript
3
5
  $(document).ready(function() {
4
6
 

2

コードにコメントを追加

2016/12/04 12:19

投稿

naomi3
naomi3

スコア1105

answer CHANGED
File without changes

1

コードにコメントを

2016/12/04 12:06

投稿

naomi3
naomi3

スコア1105

answer CHANGED
@@ -11,7 +11,10 @@
11
11
  /*Here's the code*/
12
12
  $('.button').on('click', function() {
13
13
  $(this).html(button ? '«' : '»');
14
+ // button がtrueなら $('.content').slideUp(300) を、
15
+ // falseなら $('.content').slideDown(300) を呼び出す
14
16
  $('.content')[button ? 'slideUp' : 'slideDown'](300);
17
+ // button をtrue⇔falseで切り替える
15
18
  button = ! button;
16
19
  });
17
20
  });