1

私はこの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>

私がやりたいのは、オブジェクトをクリックすると画像が変更され、もう一度クリックすると元の画像に戻ります。どんな提案でも私のために働くでしょう。コンテンツをスライドさせるために別のコードを提案した場合でも。みんなありがとう

4

2 に答える 2

3

このアプローチを試してください

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)
   }
})
于 2012-09-22T12:54:43.590 に答える
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)
   }
});
于 2012-09-22T13:09:17.183 に答える