请高手帮我看一下,谢谢

Question

我用js做出来的菜单为什么是这样
js代码是这样的
$('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
请大侠指教functionjs

Answer 1

LZ应该检查下POSITION，估计定位有问题

Answer 2

需要做下面的改动：
1. 子菜单需要加背景色，否则下层的字会重叠
2. 需要定位position的LEFT和TOP，使子菜单显示在>的下面

Answer 3

我在子菜单下面加上了background-color:#f08;还是没有样式

Answer 4

我写了一个样例，LZ可以参照看下，是不是哪里有写得不对的$(document).ready(function() {
    $("#click").bind("click", function() {
        $("#sub").slideDown();
    });
});<div>
<div style="background-color: #ff33dd" id="click">click</div>
<div id="sub" style="display: none">sub</div>
<div style="background-color: #ff33dd" id="click2">click2</div>
</div>