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

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

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

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

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

【おすすめ取材記事】6ヶ月でWebデザイナーを目指すスクール

関東に7校舎展開するWebクリエイタースクール「デジLIG」の卒業生さん、スタッフさんを取材しました！
未経験から6ヶ月で、プロのWebデザイナーを目指せる秘密を解説。
ぜひ、チェックしてみてください。

この記事の目次

HTML

関東に7校舎展開するWebクリエイタースクール「デジLIG」の卒業生さん、スタッフさんを取材しました！

9万人以上のクリエイターを輩出してきた「デジタルハリウッドSTUDIO」と、デザインアワードを多数受賞しているWeb制作会社「LIG」の業務提携により誕生した、信頼と実績のあるスクールです。

未経験から6ヶ月で、プロのWebデザイナーを目指せる秘密を解説。
ぜひ、チェックしてみてください。