单击jQuery更改图像

我有这个jQuery幻灯片代码- 编辑抱歉的家伙抓错了代码：/这是实际的代码

<script type="text/javascript"> 

     $(document).ready(function() {
        $(".slidingDiv").hide();  
        $('.secondarytitle').click(function() {  
           $(this).closest('tr').siblings('.slidingDiv').slideToggle(); 
        });  
     });

</script>

我必须为点击功能添加图像，这将是一个

<table>
  <tr>
    <th class="image1">Welcome</th>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

我想做的是，当单击对象时，它会更改图像，再次单击时，它会更改回原始图像。任何建议都对我有用。即使您建议使用不同的代码来滑动内容。谢谢大家

试试这个方法

var imgSRC={'src1':'URL_1','src2': 'URL_2' }

$('.image1').click(function(){
   if($(this).attr('src')==imgSRC.src1){
       $(this).attr('src',imgSRC.src2)
   }else{
       $(this).attr('src',imgSRC.src1)
   }
})

试试这个方法

var imgSRC={'src1':'URL_1','src2': 'URL_2' }

$('.image1').click(function(){
   if($(this).attr('src')==imgSRC.src1){
       $(this).attr('src',imgSRC.src2)
   }else{
       $(this).attr('src',imgSRC.src1)
   }
})

---

安东的回答有点变化。您可以使用不需要检查img src的切换方法

var imgSRC={'src1':'URL_1','src2': 'URL_2' }

$('.image1').toggle(function(){
      $(this).attr('src',imgSRC.src2)
   }, function() {
       $(this).attr('src',imgSRC.src1)
   }
});

---

安东的回答有点变化。您可以使用不需要检查img src的切换方法

var imgSRC={'src1':'URL_1','src2': 'URL_2' }

$('.image1').toggle(function(){
      $(this).attr('src',imgSRC.src2)
   }, function() {
       $(this).attr('src',imgSRC.src1)
   }
});

---

imgSRC是我写img的src的地方吗？我可以把它放在我上面的jQuery中吗？或者我应该做一个新的jQuery吗？是的，imgSRC包含图像的url，它允许你避免将来花时间编辑图像的url。在这种情况下，所有url将放在一个位置oooooo好的，我看到url_1在哪里了。所以我没有在'src'，imgSRC.src1中键入任何内容，而是在变量imgSRC={'src1'：'/imagesrc.png'，'src2'：'/imagesrc2.png}中键入它。我只是想确定一下，我正要编辑我说的第一件事：XimgSRC是我写img的src的地方吗？我可以把它放在我上面的jQuery中吗？或者我应该做一个新的jQuery吗？是的，imgSRC包含图像的url，它允许你避免将来花时间编辑图像的url。在这种情况下，所有url将放在一个位置oooooo好的，我看到url_1在哪里了。所以我没有在'src'，imgSRC.src1'部分键入任何内容，而是在变量imgSRC={'src1'：'/imagesrc.png'，'src2'：'/imagesrc2.png'}中键入它。我只是想确定一下，我正要编辑我说的第一件事：X