①答えの部分はCSSで非表示にします。②3つの質問部分には同一のclass名を付与し、③それらのclickイベントを作ります。質問をクリックした時に、対応する答えを隠すのか表示するのかを判断するため、下図のようにopenというclassを用います。答えの表示中はope…

jQueryでリストを一つずつ遅延して表示する | webOpixel

ポートフォリオに良さそう 全体スクロール ふわふわ要素が浮いた感じ www.lecabcom.fr コラージュ スプリットスクリーン スクロールに合わせたアニメーション rollie.co GIFアニメによるゆるいイラストがかわいい www.lavons.jp 大人女性向けデザイン エレガ…

kumaweb-d.comwww.seleqt.nethttp://js.crap.jp/book/chapter5/scroll-appear.htmlweboook.blog22.fc2.comwebkaru.netinbox-design.comliginc.co.jp

モーダルの作り方 モーダルとはclickイベントなどに基づいて、表示/非表示が行われる要素のこと 手順 CSSで非表示にしておく（display:none） ボタンにClickイベントを設定 Click後に表示されるようにする（fadeIn） $(function() { $('#login-show').click(…

準備すること 3つの準備が必要 jQueryライブラリの読み込み jQueryのコードを記述するファイルの読み込み jQueryの型 1. ライブラリの読み込み jQueryのコードを記述するファイルが読み込まれます。 はCSSファイルの読み込みのようにタグの中にも書けますが…

jQueryの書き方 アニメーションの指定 clickした時の指定 hoverした時の指定 参考 jQueryの書き方 $(function(){ //この中に書く }); functionの中に書く。 $(function(){ $('セレクタ').メソッド(引数); }); アニメーションの指定 //非表示にする $('h1').h…