[英]Switch between Fade in and Fade out on click
I want to use jQuery to fade in a div when an image is clicked, when the image is clicked again, I want it to hide and so on. 我想使用jQuery在单击图像时在div中淡入,当再次单击图像时,我希望它隐藏等。
How would I do this? 我该怎么做?
I basically need a toggle switch. 我基本上需要一个拨动开关。
$('#my_img_selector').click(function(){$('#my_div_selector').fadeToggle()});
Try it out here . 在这里尝试 。
Try also slideToggle()
and toggle()
in place of fadeToggle()
. 也可以尝试使用
slideToggle()
和toggle()
代替fadeToggle()
。
You have to change the selectors $('#fadeMe')
and $('#bindImage')
according to your markup. 您必须根据您的标记更改选择器
$('#fadeMe')
和$('#bindImage')
。 The magic is here 魔术在这里
$(document).ready(function(){
$('#bindImage').on('click', function(){
$('#fadeMe').fadeToggle();
//return false; // only useful if you trigger an <a href="#"></a>
});
});
$('#yourimage').on('click', function(event){
if ($("#something").is(':visible')) {
$(".something").hide("drop", {
direction: "up"
}, 2000);
}else{
$(".something").show("drop", {
direction: "up"
}, 2000);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.