隐藏/显示div类图像按钮点击

-2

嗨，我创建了这个JSfiddle，当用户点击大绿色按钮时，我试图隐藏闪烁的红点。隐藏/显示div类图像按钮点击

因此，当它是红色的blinker应该被隐藏。当用户点击绿色闪烁器再次显示。

<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>

不知道为什么它不自动换行上

来源

2014-03-05 user3323371

_“不知道为什么它不自动换行代码＃2” _ - 因为当你格式化为代码，它不应该换行 - 如果它确实会使其混乱是否换行有关错误存在与否。但你总是可以在你的img元素中的属性之间手动添加换行符... – nnnnnn

我尝试过使用切换功能.toggle，但它无法正常工作。 – user3323371

$（“。class”）。toggle（）; 或 $（“。class”）。show（）; $（ “类”）隐藏（）。 – user3323371

它使用jQuery简单的解决方案计算器代码; http://jsfiddle.net/5Jecm/

$(document).ready(function(){ 

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

来源

2014-03-05 11:11:46

+1。你打败了我大约五秒钟。对于OP：最好将其余的JS从inline'onclick ='属性中移出并移入jQuery'.click（）'处理程序中。 – nnnnnn

正确;有很多方法可以完成同样的任务;因为后有jQuery的标签，所以这就是为什么我喜欢用jQuery给出答案; –

隐藏/显示div类图像按钮点击

回答

相关问题