HTML:
<input type='button' value='Show Picture' id='add'><div class='input'style='display: none;'><img src="http://www.myimg.com/img.png"></div>
JQUERY:
$("#add").click(function() {
$(".input:hidden:first").show() });
基本上，当我按下“显示图片”按钮时，隐藏的图片就会出现在下面。
现在我怎样才能做到，如果我再次单击该按钮，图像就会消失。而且它不断地这样做。 （单击按钮 -> 显示图像；单击按钮 -> 隐藏图像；单击按钮 -> 显示图像...）
谢谢！
Use toggle()或相关方法：
$("#add").click(function() {
$(".input:first").toggle();
// or: $(".input:first").fadeToggle();
// or: $(".input:first").slideToggle();
});
JS 小提琴演示：toggle() http://jsfiddle.net/davidThomas/Jp4pq/.
JS 小提琴演示：fadeToggle() http://jsfiddle.net/davidThomas/Jp4pq/1/.
JS 小提琴演示：slideToggle() http://jsfiddle.net/davidThomas/Jp4pq/2/.
参考：
-
fadeToggle() http://api.jquery.com/fadeToggle/.
-
slideToggle() http://api.jquery.com/slideToggle/.
-
toggle() http://api.jquery.com/toggle/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
