タブメニュー

jQueryを使い、それぞれのタブをクリックしたらタブとエリアにクラス名の付与・削除を行う。
クラスが付与されたらCSSで形状を変化させたり、ふわっと表示させるアニメーションをかける。
また、任意のタブに直接リンク（例：https://example.com/#lunch）ができるようにjQueryでハッシュタグを定義する。

See the Pen タブメニュー by Toru Katsumata (@Toru-Katsumata) on CodePen.