jQuery鼠標懸停更改鼠標點擊

Question

$(function() { 
    $(".box").hover(function() { 
     $(this).find(".overlay").fadeIn(); 
    } 
    ,function() { 
     $(this).find(".overlay").fadeOut(); 
    });   
}); 

此jQuery鼠標懸停顯示圖層如何編輯鼠標點擊顯示菜單？

Answer 1

嘗試

$(function() { 
    $(".box").click(function() { 
     var $overlay = $(this).find(".overlay"); 
     if ($overlay.is(':visible')) { 
      $overlay.fadeOut(); 
     } else { 
      $overlay.fadeIn(); 
     } 
    }); 
});