隱藏菜單（jQuery的，CSS）

Question

病人：http://demo.imatte.us/fomru/project_people.html

屏幕：http://i.stack.imgur.com/GkBST.png

隱藏菜單作品不正確。點擊鏈接後，菜單顯示，但'鼠標懸停'後消失。我需要禁用此功能，並在點擊菜單後隱藏菜單。

(function($) { 
    $(function(){ 
     var $judgments = $('.project .jugdments-list .item'); 
     $judgments.each(function(){ 
      limit($(this).find('.title'), 140); 
      limit($(this).find('.text'), 200); 
     }); 

     var $filters = $('.filters-list>li'); 
     $filters.each(function(){ 
      var $filter = $(this); 
      var $filterBody = $filter.find('.filter'); 
      $filter.find('.filter-name').click(function(){ 
       $('.filters-list .filter').not($filterBody).fadeOut(); 
       $filterBody.fadeToggle(); 
      }); 
     }); 
     $(document).click(function(e){ 
      if (!$(e.target).closest('.filters-list').length || $(e.target).is('.filters-list')) { 
       $('.filters-list .filter').fadeOut(); 
      } 
     }); 
    }); 

    function limit($elem, length) { 
     var text = $elem.text(); 
     if (text.length > length) { 
      $elem.text(text.slice(0, 140)+'…'); 
     } 
    } 
})(jQuery); 

Answer 1

如果我得到正確的你是什麼意思，那麼這個應該可以幫助您：

刪除

.filters .filters-list>li:hover .filter { 
    display: block; 
} 

，這增加：

$('.filter-name').each(function() { 
    var that = $(this); 
    that.hover(
     function() { 
      $('.filters-list .filter').not(that.parent().find('.filter')).fadeOut(); 
      that.parent().find('.filter').fadeIn(); 
     }, 
     function() {} 
    ) 
});