幅と<div>
高さが 200 ピクセルの があります。その中に絵が<div>
あるdisplay:none
。
をクリックする<div>
と、画像のスタイルが になりdisplay:block
ます。もう一度クリックすると、再びになりdisplay:none
ます。
それは可能ですか?
jQuery が問題ない場合は、次を使用できます。
CSS:
#img {display:none;}
jQuery
<script>
$(document).ready(function(){
$('#divID').click(function(){
$('#img').toggle();
});
});
</script>
#img は画像の ID です。より多くの html を投稿すると、より正確に答えることができます。
jQuery スクリプト ライブラリを追加するだけです。これをページの<head>
タグの間に追加します。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
はい、div のイベントonclickで、次のようにアクションを配置します。
onclick="document.getElementById('image_id').style.display='block';"
変更したい場合は、 をもう一度クリックします。
onclick="if(document.getElementById('image_id').style.display=='block'){document.getElementById('image_id').style.display=='none';}
else{document.getElementById('image_id').style.display='block';}"