jQuery

技術情報

ボタンクリックでフォントサイズと背景色を変えて状態を保持する

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

slideToggleでアコーディオン風メニューを表示する

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

CSSで作ったトグルボタンで開閉して状態を保持する

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

CSSで作ったタブを切り替える

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