0

我想点击“水果”并显示列表。但是，当我现在单击“水果”时，我的水果列表会出现，但它永远不会消失。当我单击下一个链接“蔬菜”时，水果会消失，但现在即使我单击屏幕上的其他位置或移动鼠标，蔬菜也不会消失。

$('.menuBar div ul li').click(function() {
    $('.menuBar div').hide();
});

    function showHideMenu( elem ) {
   $('.menuBar div').each( function () {
    if ( $(this).hasClass('sub' + elem) ) {
        $(this).css('height','0px');
        $(this).css('display','inline-block');
        $(this).animate({
         height: '+=200'
        },'slow');
    } else {
        $(this).css('display','none');
    }
    });
}

HTML

<html>
<div class="menuBar">
   <ul> 
       <li onclick="showHideMenu('Fruit');">
           <span class="fruit"></span>Fruit
       </li>
   </ul>
</div>
</html>
4

0 回答 0