單擊時在淡入和淡出之間切換

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