Как я могу открыть/открыть определенный пункт меню, используя 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 («about») или меню utem 3 («проекты») и т. Д.??

Answer 1

довольно легко на самом деле;

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

надежды я помог

Answer 2

Помещенный идентификатор для ваших a тегов как

<div id="menuone"> 
<ul id="menu"> 
    <li> 
     <a href="#" id="home">Home</a> 
    </li> 
    <li> 
     <a id="about">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 id="projects">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> 

, а затем передать идентификатор вашего выбора вашей функции как

// Pay attention to pass id to function 
function initMenu(id) 
{ 
    $('#menu ul').hide(); 
    $('#menu li a').click(
    function() { 
     $(this).next().slideToggle('normal');    
    }); 

    // Add following lines 
    if (typeof(id) != 'undefined') 
    { 
     $('#'+id).click(); 
    } 
} 

$(document).ready(function() {initMenu('projects');}); 

Тогда изменить вы можете использовать вместо

$(document).ready(function() {initMenu('about');});