Houn

記事内に広告を含む場合があります

詳しく見る
Web制作

公開日:2019.08.06

更新日:2022.11.23

【jQuery】画像の表示・非表示を切り替える

クリックすると、隠れてた画像が表示される仕様を組んでみました。

実例的には”閲覧注意”の画像をサイト内に設置する必要があったからです。標準を非表示にして、クリックして初めて画像が現れるようにしました。

「表示するぞ?!いいんだな?」ってワンクッション置く感じでしょうか。

以下サンプルです。コピペで使えます。

この記事の目次

HTML

CSS

jQuery