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

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

「表示するぞ？！いいんだな？」ってワンクッション置く感じ。以下、サンプルとして置いておきますのでよかったら。コピペで使えます。

HTML

CSS

jQuery