jQuery

Webサイトの要件定義で、たまにフォントサイズや背景色の変更があるかと思います。 今回はボタンクリックでフォントサイズと背景色を変えて、かつ状態を保持する方法をご紹介いたします。 サンプル ボタンをクリックすると状態が変化します。 サンプル...

メニューが長すぎるのでクリックした時だけ表示したい、という場合があると思います。 今回は「slideToggle」を使用してアコーディオン風にメニューを表示する方法をご紹介いたします。 サンプル 「メニュー見出し」をクリックするとメニューが...

スマートフォンで画面が小さいので、情報のあるエリアをボタンで開閉しつつ状態を保持したい、という場合があると思います。 今回はCSSで作ったトグルボタンで指定したエリアを開閉し、なおかつ状態を保持する方法をご紹介いたします。 サンプル 「お知...

Webサイトのお知らせなどのカテゴリが複数ある時は、タブを切り替えて表示させるのが一般的かと思います。 今回はCSSで作ったタブを、jqueryを使用して切り替える方法をご紹介いたします。 サンプル まずはサンプルをご覧ください。 サンプル...