サイドバーって画面をスクロールさせていくと最後のほうは何も表示されなくなっちゃいますよね。 せっかくスペースがあるなら常に何か表示させておきたいと思うものです。 そこで今回は画面をスクロールするとサイドバーが固定表示され…

サイドバーって何か情報を載せ始めるとごちゃごちゃしてきて分かりづらくなりますよね。 そこで折りたたんですっきり出来るようにしてみようと思います。 完成形のコード HTML（サイドバー部分） [crayon-6743d7e…

以前にCSSでドロップダウンメニューを作成しました。 CSSではマウスオーバーでしか動的なことは出来ないため、マウスオーバーで開閉するようなものでした。 CSSの擬似クラス(hover)でメニューにドロップダウンを可能な…

a タグで作成したリンクをクリックした場合にもリンク先に遷移したく無い場合があるかと思います。 例えば、リンクをクリックしたが何らかのエラーがあった場合は遷移しないなど。 そういう場合リンクを無効にし、遷移を行わない方法…

jQueryを使ってHTML要素の表示・非表示をする方法です。 スマホで表示時のメニューの開閉などに使えます。 これは、クラスの追加・削除やスタイルの追加・削除でも対応出来ますが、jQueryには表示・非表示のための機能…