一つ開くと他が閉じる状態のアコーディオンメニュー(ドロップダウンメニュー)をjQueryで実装してみる(パターン3)(備忘録)

今回はjQueryを用いて、一つのアコーディオンメニューを展開すると、他のアコーディオンメニューが閉じた状態になるアコーディオンメニュー(ドロップダウンメニュー)を実装してみる。

さらに読む

一部開いた状態のアコーディオンメニュー(ドロップダウンメニュー)をjQueryで実装してみる(パターン2)(備忘録)

今回は、前回のjQueryを使ったアコーディオンメニューから、1のメニューだけを開いた状態を実装する。

さらに読む

アコーディオンメニュー(ドロップダウンメニュー)をjQueryで実装してみる(パターン1)(備忘録)

今回は、jQueryを使ったアコーディオンメニューを実装する。

さらに読む

jQueryを使って中身がふわっと表示されるタブ切り替えを実装してみる(パターン3)(備忘録)

今回は、jQueryを使用して中身がふわっと表示されるタブ切り替えを実装してみることにした。

さらに読む

ハンバーガーメニューを展開してからのメニューをさらに展開させるメニューをjQueryで作ってみた。2階層パターン対応(備忘録)

今回は、タイトル通り、ハンバーガメニューを展開してからのメニューから、さらに詳細のメニューが展開されるイメージで作って見た。

さらに読む

現場でよく使うjQueryを用いたハンバーガーメニューを作ってみた(備忘録)

前回書いた下記の記事のソースを流用して、今回は、現場でよく使っているjQueryを用いたハンバーガーメニューを作ってみた。

さらに読む

PC幅はヘッダー固定のナビゲーションメニュー、スマホ幅はハンバーガーメニューのサンプルを作ってみた(備忘録)

前回書いた下記の記事のソースを流用して、今回は、PC幅ではハンバーガーメニューを使用せずに、最初からメニューが表に出ている場合を想定して、ヘッダーに固定させた状態で作成している。
また、スマホ幅はこれまでと変わらず、ハンバーガーメニューになるよう作ってみた。

さらに読む

javascriptとjQueryでスムーススクロールに対応したハンバーガーメニューを作ってみた

調べるといっぱいやり方が出てくるが、スムーススクロールと組み合わせた時に動かなかったり、ハンバーガー内のメニューをクリックした時に閉じてくれなかったりなど、色々と問題が起こることが多かったので、自分なりにい組み合わせて上手くいったものをコードとして残しておくこととする。

さらに読む