こんばんは、すずしんです。 前回の記事で、jQueryの簡単な読み込み方について書きましたので…。 何だかjQueryのプログラムを書いてみたい気分になりました。 そこで、私はちょっとしたjQueryのサンプルプログラムを作成してみました。 そのサンプルプログラムでは「アニメーション付き開閉式ボックス」を実装してみました。 さすがjQueryで、パパッと簡単に作ることができましたよ! せっかくなので、今回作成したサンプルプログラムを記事に載せておこうと思います。 需要があるかどうかは分かりませんが…。 誰かの役に立てれば光栄です。 開閉式ボックスとは? アニメーション付き開閉式ボックスのサンプルプログラム サンプルプログラムの実行例 ひとこと 開閉式ボックスとは? ここでいう所の開閉式ボックスというのは…。 展開用のリンクをクリックすると、スライドしながら現れるdiv要素の事を言います。
![超簡単!jQueryでアニメーション付き開閉式ボックスを作成してみた - すずろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/94ae7e66f4d747fe09c477644b162c6f23d4976b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FS%2FSuzushin%2F20170429%2F20170429140030.jpg)