現在、以下のように画像リンクをロールオーバーするコードがあります。
<a id="show" href="#"><img src="images/show-me.png" border=0 onmouseover="this.src='images/show-me_over.png';" onmouseout="this.src='images/show-me.png'"></a>
これをクリックすると、divが表示されます
jQuery(document).ready(function(){
jQuery("#show").toggle(
function(){
jQuery('#home-hidden-extra').animate({'height': '480px'} ,1000);},
function(){
jQuery('#home-hidden-extra').animate({'height': '0px'} ,1000);}
);
});
私がやりたいことは、divが非表示のときにshow_me.pngとshow_me-over.pngを使用し、divが表示されているときにhide_me.pngとhide_me-over.pngを使用することです。
これを達成する最も簡単な方法は?
再度、感謝します!