javascript - 如何在页面加载时使用 javascript/jquery 滑动/打开特定菜单项？

Question

我是 java 和 jquery 脚本的新手，我已经学会了如何在鼠标单击项目时打开菜单，但如何在页面加载时打开特定菜单？

我正在使用这个:

<!-- menu -->
<div id="menuone">
    <ul id="menu">
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a>About</a>
            <ul>
                <li><a href="#">one</a></li>
                <li><a href="#">two</a></li>
                <li><a href="#">three</a></li>
            </ul>
        </li>
        <li>
            <a>Projects</a>
            <ul>
                <li><a href="#">project1</a></li>
                <li><a href="#">project2</a></li>
                <li><a href="#">project3</a></li>
            </ul>
        </li>
    </ul>
</div>
<!-- menu end -->

我点击时的 javascript 是这样的:

function initMenu() {
  $('#menu ul').hide();
  $('#menu li a').click(
    function() {
         $(this).next().slideToggle('normal');               
      }
    );
  } 
 $(document).ready(function() {initMenu();});

但我的问题是:如何在页面加载时打开特定项目？我如何打开菜单项 2，例如(“关于”)或菜单项 3(“项目”)等...？

Answer 1

其实很简单；

$('#menu li a:eq(1)').trigger('click'); //open "about"
$('#menu li a:eq(2)').trigger('click'); //open "projects"

希望对你有帮助