切換淡入淡出點擊

Question

我想使用jQuery淡入淡出當一個圖像被點擊時，當圖像被再次點擊，我希望它隱藏，等等。

我該怎麼做？

我基本上需要一個切換開關。

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