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

質問編集履歴

2

コードを2点追加しました

2020/10/09 09:11

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -61,7 +61,8 @@
61
61
 
62
62
  ### 試したこと
63
63
 
64
+ 下記の2点のコードを足しましたがshowとhideのボタンをそれぞれ動かしたいのですがこのコードだと同じ動きになります。
64
- ここ問題に対て試しことを記載してださ
65
+ それぞれ違う動きにしたいのですが...うまくいきません
65
66
 
66
67
  ### 補足情報(FW/ツールのバージョンなど)
67
68
 

1

こちらのコードを追加しました showとhideのボタンを動かしたいのですがこれだと2つのボタンが同じ動きになるので それぞれ違う動きにしたいのですが色々やってみましたがうまくいかず

2020/10/09 09:11

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -37,8 +37,13 @@
37
37
  let count =0;
38
38
 
39
39
  $("#ex").fadeIn();
40
+            
41
+            $( "<button>show</button><button>hide</button>").appendTo( document.body );
40
42
 
41
-
43
+            $("hide").on("click",function(){
44
+ $("#ex").fadeOut(2000);
45
+ });
46
+
42
47
  $("#show").on("click",function(){
43
48
  $("#ex").fadeIn(2000);
44
49
  count++;
@@ -60,4 +65,8 @@
60
65
 
61
66
  ### 補足情報(FW/ツールのバージョンなど)
62
67
 
68
+ $( "<button>show</button><button>hide</button>").appendTo( document.body );
69
+
70
+ $("hide").on("click",function(){
63
- ここにより詳細な情報を記載してください。
71
+ $("#ex").fadeOut(2000);
72
+ });