Javascriptで地図をクリックして情報ボックスを表示と非表示にするスキームの例

\ お買い物忘れにご注意!/

見たい地域(これでいうとdivのエリア)にオンマウスで色が変わり、
クリック(inputを)でdivの情報ボックスが非表示状態から表示に。
そして情報ボックスを非表示にするには、他の地域にオンマウスで全てのチェックボックスのcheckedが外れる。

mLvNov をクリックしてcodepen上で確認してみてください。

See the Pen mLvNov by kawashima (@kawashima) on CodePen.

参考になったらシェアお願いします!

この記事を書いた人

■自己紹介
MEDIARCS ディレクター 河島 靖
1984年5月生まれの39歳

■趣味
銭湯・サウナ行くこと(サウナ・スパ健康アドバイザー)
筋トレ(懸垂をよりできるようになりたい)
音楽鑑賞(Nujabes、NewJeansなど)
ヴィンテージもの、レザーグッズが好き

コメントはこちらよりお願いします

コメントする

目次