jquery - 单击jQuery更改图像

Question

我有这个 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>

我想做的是当点击对象时它会改变图像，一旦再次点击它就会变回原始图像。任何建议都会对我有用。即使您建议使用不同的代码来滑动内容。多谢你们

Answer 1

试试这个方法

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

Answer 2

只是安东的答案略有变化。您可以使用toggle()不需要检查 img src 的方法

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

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