隱藏/顯示 Div Class 點擊圖像按鈕

Question

我已經創建了這個 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>

不知道為什么它沒有在 Stack Overflow 上對代碼進行自動換行

Answer 1

使用 jquery 是最簡單的解決方案； http://jsfiddle.net/5Jecm/

$(document).ready(function(){

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