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

Question

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

我该怎么做？

我基本上需要拨动开关。

Answer 1

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

Try it out here。

还可以slideToggle()和toggle()代替fadeToggle()。

Answer 2

您必须根据标记更改选择器$('#fadeMe')和$('#bindImage')。神奇的是here

$(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);
}
});