HTML/JavaScript/CSS：通过点击图片来改变图片

我知道这个问题已经被问了一堆，我看了一些关于这个网站的主题，但我觉得我的问题更具体。HTML/JavaScript/CSS：通过点击图片来改变图片

因此，我的代码目前所做的是，如果您单击加号按钮图像显示隐藏在它下面的文本。如果再次单击加号按钮图像，则文本会再次隐藏。

我想要做的是当你显示隐藏的文本时，加号按钮将变成一个减号按钮。如果您再次隐藏文字，减号按钮将变为加号按钮。

在下面的代码中，是我通过查看以前的问题而尝试的方法之一。

我试图将第一个图像的名称命名为“img1”。在“if（e.style.display ==”block“）”和“else”下的Javascript代码中，我写了一些代码，试图改变“img1”的图像，但没有任何反应。

我在做什么错？

的jsfiddle链接： jsfiddle.net/YqDhe

注意在的jsfiddle文字出现和消失无法正常工作，但它确实我使用的CMS上。

<style> 
    #para1, #para2, #para3{ 
     display:none; 
    } 
    .tab { 
     margin-left: 40px; 
     margin-right: 40px; 
    } 
</style> 
<script type="text/javascript"> 
    function toggleMe(a){ 
     var e=document.getElementById(a);  
     if(!e){ 
      return false; 
     }  
     if(e.style.display=="block"){ 
      e.style.display="none" 
      e.getElementById("img1").src = "http://i.imgur.com/ZFvketc.png" 
     } 
     else{ 
      e.style.display="block" 
      e.getElementById("img1").src = "http://i.imgur.com/lZIalfM.png" 
     } 
     return true; 
    } 
</script> 
<input type="image" name = "img1" src = "http://i.imgur.com/ZFvketc.png" onclick="return toggleMe('para1')" value="Toggle"> 
&nbsp; <font color="#0066a4">Who Am I</font><br> 
<br> 
<hr /> 
<p id="para1" class = "tab"> 
    blabalbal 
</p> 
<br> 
<p class="title"><input type="image" src = "http://i.imgur.com/lZIalfM.png" onclick="return toggleMe('para2')" value="Toggle"> TEST</p><br> 
<div id="para2"> 
    blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</div> 
<br> 
<input type="image" src = "http://i.imgur.com/gitHhmZ.png" onclick="return toggleMe('para3')" value="Toggle"><br> 
<span id="para3"> 
    blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</span>

来源

2014-01-22 Angelo Rivera

请添加小提琴（http://jsfiddle.net）或jsbin（http://jsbin.com） – Thew

http://jsfiddle.net/YqDhe/ 注意在的jsfiddle文本出现并消失无法正常工作，但它在我使用的CMS上。 –

'在这里并不合适。只需使用''。可能包裹在''或'

您的onclick属性中不需要return。

<input type="image" src = "http://i.imgur.com/gitHhmZ.png" onclick="toggleMe('para3')" value="Toggle"><br>

您还需要分配您的输入以具有ID。

<input type="image" id="para3" src="http://i.imgur.com/gitHhmZ.png" onclick="toggleMe('para3')" value="Toggle"><br>

来源

2014-01-22 22:04:46 Codeman

HTML/JavaScript/CSS：通过点击图片来改变图片

回答

相关问题