单击时在淡入和淡出之间切换

Question

我想使用jQuery在单击图像时在div中淡入，当再次单击图像时，我希望它隐藏等。

我该怎么做？

我基本上需要一个拨动开关。

Answer 1

$('#my_img_selector').click(function(){$('#my_div_selector').fadeToggle()});

在这里尝试 。

也可以尝试使用slideToggle()和toggle()代替fadeToggle() 。

Answer 2

您必须根据您的标记更改选择器$('#fadeMe')和$('#bindImage') 。 魔术在这里

$(document).ready(function(){
    $('#bindImage').on('click', function(){
        $('#fadeMe').fadeToggle();
        //return false; // only useful if you trigger an <a href="#"></a>
    });
});

Answer 3

$('#yourimage').on('click', function(event){
 if ($("#something").is(':visible')) {
 $(".something").hide("drop", {
    direction: "up"
  }, 2000);
}else{
  $(".something").show("drop", {
    direction: "up"
  }, 2000);
}
});