DAY23:ページ内リンクでクリックした要素に対して下線を引く(クリックイベントの処理)

個人的にjQueryでよく使うのが要素をクリックした時の処理です。

今回は、ページ内リンクでクリックした要素に対して下線を引くという処理を加えてください。

課題:ページ内リンクでクリックした要素に対して下線を引いたままにする

オンクリックについては、ProgateのjQuery入門で学んでいるかと思います。

実装のイメージとしては、クリックされた時にメニューの全てのリンクの下線を削除して、クリックされた要素に対して下線を引く、という処理を行います。

addClassremoveClassを活用すると楽に作れるかもしれません。

イメージ動画(Gif)

余裕があれば、、、

タブのような動きもクリックイベントで動かせるはずです。余裕があれば、以下のようなセクションも作ってみてください。
https://xd.adobe.com/spec/d73b3b4b-9913-4a92-597f-23c3f9aeb335-a10a/

このページが役に立ったら
いいね!お願いします

運営の励みになります...。

関連の記事