jQuery Toggle Nav

Question

私はtriyngを使ってGoogleのナビゲーションを行います。これをクリックするとさらに表示され、navは5から最大数のitensに拡大されます。

は、ここでは、コードです：

jQuery(document).ready(function(){ 

    jQuery("#nav-sidebox > li > a:first-child").removeAttr("href"); 
    jQuery("#nav-sidebox > li > a:first-child").css("cursor", "pointer"); 
    jQuery("#nav-sidebox > li > ul > li:nth-child(5)").nextUntil("ul").slideToggle(); 

    jQuery("#nav-sidebox > li > a:first-child").click(function(){ 
    jQuery("#nav-sidebox > li > ul > li:nth-child(5)").nextUntil("ul").slideToggle(); 
    }); 
}); 

第5ラインがトグルするのli項目5の後にすべてのitensになりますが、私は最初の子、これだけのULトグルでクリックしたときに行うことができますか。ここで

はHMTLです：

<ul id="nav-sidebox"> 
    <li> 
    <a>Click to toggle</a> 
    <ul> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
    </li> 
    <li> 
    <a>Click to toggle</a> 
    <ul> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
    </li> 
</ul> 

Answer 1

はこれを試してみてください...

HTML（私はちょうどので、私は何が起こっているのが見えた項目にテキストを追加しました）...

<ul id="nav-sidebox"> 
    <li> 
    <a>Click to toggle</a> 
    <ul> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
     <li>4</li> 
     <li>5</li> 
     <li>6</li> 
    </ul> 
    </li> 
    <li> 
    <a>Click to toggle</a> 
    <ul> 
     <li>a</li> 
     <li>b</li> 
     <li>c</li> 
     <li>d</li> 
     <li>e</li> 
     <li>f</li> 
    </ul> 
    </li> 
</ul>​ 

jQuery ...

$(document).ready(function(){ 
    $("a").css("cursor", "pointer"); 
    $("li:nth-child(5)").nextUntil("ul").slideToggle(); 

    $("a").click(function(){ 
     $(this).parent().find("li:nth-child(5)").nextUntil("ul").slideToggle(); 
    }); 
});​ 

このjsFiddleでの結果を参照してください... http://jsfiddle.net/Xm8Vt/