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

Question

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

我该怎么做？

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

Answer 1

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

在这里试试。

也尝试slideToggle()并toggle()代替fadeToggle().

Answer 2

You have to change the selectors $('#fadeMe') and $('#bindImage') according to your markup. The magic is 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);
}
});