javascript - 加载页面时打开一个javascript菜单

Question

我正在使用我在网络上找到的 css 菜单，并想向其中添加一些 javascript 以使菜单能够在页面加载时自动打开。我对 javascript 很垃圾，所以需要一些帮助。下面是JS代码。我在 HTML 中有四个菜单和一个子菜单；目前，其中包含“a”链接。我希望第一个菜单在页面加载时打开，这将显示它的子菜单。

JS代码:

$(document).ready(function () {
    $(document).ready(function () {
        $('#cssmenu > ul > li ul').each(function (index, e) {
            var count = $(e).find('li').length;
            var content = '<span class="cnt">' + count + '</span>';
            $(e).closest('li').children('a').append(content);
        });
        $('#cssmenu ul ul li:odd').addClass('odd');
        $('#cssmenu ul ul li:odd').addClass('odd');
        $('#cssmenu ul ul li:even').addClass('even');
        $('#cssmenu > ul > li > a').click(function () {
            $('#cssmenu li').removeClass('active');
            $(this).closest('li').addClass('active');
            var checkElement = $(this).next();
            if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                $(this).closest('li').removeClass('active');
                checkElement.slideUp('normal');
            }
            if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                $('#cssmenu ul ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
            }
            if ($(this).closest('li').find('ul').children().length == 0) {
                return true;
            } else {
                return false;
            }
        });
    });
});

Answer 1

您可以只添加 active给你的第一个类<li class="has-sub">并添加 display: block;到 <ul>里面。不需要 JQuery。

<li class='has-sub active'><a href='#'><span>Geeky Sites</span></a>
   <ul style="display: block;">
      <li class='last'><a href='http://tools.email-checker.com/' target='_blank'><span>SMTP Checker</span></a></li>
   </ul>
</li>