在图像按钮上单击隐藏/显示Div类

时间:2014-03-05 11:07:04

标签: javascript jquery html5 javascript-events

您好我创建了这个JSfiddle,我试图在用户点击绿色大按钮时隐藏闪烁的红点。

因此,当它是红色时,应该隐藏闪光灯。 当用户点击绿色闪光灯时再次显示。

http://jsfiddle.net/YC3Xu/

<div class="BlinkSpot">
   <img src="http://m.UploadEdit.com/b029/1394017199584.gif" name="spotdia" alt="">
</div>
</br>
</br>
<div class="id1462-FIXATION-LIGHT-OFF">
   <img src="http://www.clker.com/cliparts/2/9/b/8/1194984775760075334button-green_benji_park_01.svg.hi.png" width="600" height="600" onclick="try{ B=(B % FIXATION.length)} catch(e) { B=1 ;FIXATION=[ 'http://www.clker.com/cliparts/2/9/b/8/1194984775760075334button-green_benji_park_01.svg.hi.png', 'http://www.clker.com/cliparts/9/1/5/2/119498475589498995button-red_benji_park_01.svg.med.png']};this.src=FIXATION[B++];">
</div>

不确定为什么它不会对stackoverflow上的代码进行自动换行

1 个答案:

答案 0 :(得分:1)

使用jquery是最简单的解决方案; http://jsfiddle.net/5Jecm/

$(document).ready(function(){

    $('.id1462-FIXATION-LIGHT-OFF').click(function(){
       $('.BlinkSpot').toggle();
    });
});