0

クリックで画像を表示/非表示にしたい<button>

これは私が試したものです：

脚本：

<script type="text/javascript" >
$(document).ready(function () { 
  $('#buttontest').toggle(function() {
    $('#LogoTest').fadeOut('slow');
  }, function() {
    $('#LogoTest').fadeIn('slow');
  });
});
</script>

HTML:

<input type="button" id="buttontest" value="Show/Hide 1">
<a href="image1.jpg">
 <img src="image1.jpg" border="0" width="900" height="300" alt="image1" target="nowa_strona" id="LogoTest">
</a>
<br>
<input type="button" id="buttontest1" value="Show/Hide 2">
<a href="image2.jpg">
  <img src="image2.jpg" border="0" width="900" height="300" alt="image2" target="nowa_strona" id="LogoTest1">
</a>
<br>

対応する画像をクリックしたときに画像を表示/非表示にするにはどうすればよいですか<button>

4

5 に答える 5

1

.toggle()

このメソッド シグネチャは jQuery 1.8 で廃止され、jQuery 1.9 で削除されました。jQuery は、要素の可視性を切り替える .toggle() という名前のアニメーション メソッドも提供します。アニメーションまたはイベント メソッドが起動されるかどうかは、渡された引数のセットによって異なります。

于 2013-06-06T08:38:51.690 に答える
0

最良の方法は、ボタンと画像を div 要素でラップすることです。この場合は必ずしも必要ではありませんが、このようにして常に正しい画像を表示/非表示にすることができます。画像にクラス名を追加するだけで、 classlogotestでボタンをクリックしたときに表示/非表示にすることができますbuttontest。

これが私の例です：http://jsfiddle.net/7xhxq/

于 2013-06-06T09:25:58.113 に答える
0 
$('#buttontest').on("click",function(e)
{  
 $('#LogoTest').toggle();
});

$('#buttontest1').on("click",function(e)
{  
 $('#LogoTest1').toggle();
});

デモを見る

それがあなたを助けることを願っています

于 2013-06-06T08:39:59.763 に答える
0

次のコードを使用します。

$(document).ready(function () { 
    $('#buttontest').click(function() {
       $('#LogoTest').toggle('slow');
    }
 });
于 2013-06-06T08:40:03.667 に答える