色々調べてみましたが、
こちらも参考にしましたがこういった全てbodyにボタンを作って作っているものが多くわからずお尋ねしました。
https://www.sejuku.net/blog/39296
<button id="show"></button>を消して$("#ex").fadeIn(2000);の内容はそのままで
$("#show").on("click",function()の中にshowのボタンを作りたいです。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #ex{ width: 300px; height: 300px; border: 1px solid red; display: none; } </style> </head> <body> <div id="ex"></div> <button id="show"></button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> let count =0; $("#ex").fadeIn(); $( "<button>show</button><button>hide</button>").appendTo( document.body ); $("hide").on("click",function(){ $("#ex").fadeOut(2000); }); $("#show").on("click",function(){ $("#ex").fadeIn(2000); count++; $("#ex").html(count); $("#ex").css("border", count+"px solid red"); }); $('#show').text('show'); </script> </body> </html>
試したこと
下記の2点のコードを足しましたがshowとhideのボタンをそれぞれ動かしたいのですがこのコードだと同じ動きになります。
それぞれ違う動きにしたいのですが...うまくいきません
補足情報(FW/ツールのバージョンなど)
$( "<button>show</button><button>hide</button>").appendTo( document.body );
$("hide").on("click",function(){
$("#ex").fadeOut(2000);
});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。