HTML と JQuery はまったく初めてなので、学校のプロジェクト用に Web コミックを作ろうとしています。これは推理小説なので、視聴者が画像の一部をクリックすると、ユーザーから隠されている他の画像が表示されるようにしています。これらの非表示の画像には、Jquery ホバー効果が既に適用されており、以下のコードのようにグレースケールから色付きに変わります。
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#apDiv2").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
});
</script>
</head>
<body>
<div id="apDiv1"><img src="rescuebunny.jpg" width="442" height="268"></div>
<div id="apDiv2"><img src="rescuebunny-grey.png" width="442" height="268"></div>
<div class="container"></div>
</body>
</html>
既にあるものの上にトランジションを追加するにはどうすればよいですか? 画像の一部をクリックすると、これらの隠された画像が表示される視聴者は??