今回は切り替えが可能なモーダルウィンドウの作成方法をご紹介します。 まずはデモページを用意したのでご覧ください。 今回はこれを作っていきたいと思います。レスポンシブにも対応していますので使い勝手は良いかと思います! それでは早速、次項から詳しく説明していきたいと思います。 HTMLを記述 まずはHTMLを記述していきます。 HTMLを記述する <head> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <script src="js/func.js"></script> </head> <body> <di
![jQueryでレスポンシブ対応かつ切替可能なモーダルを作成する方法 | 株式会社チップディップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2b2bde9264bfc3215b7f5341c953d99cb29f235/height=288;version=1;width=512/https%3A%2F%2Fwww.tipdip.jp%2Fwp%2Fwp-content%2Fuploads%2F2017%2F11%2Fmodal_thumb.jpg)