[Alex137a1]

Есть вот такой список:

<nav class="navigation">
<ul>
  <li><a href="">item 1</a>
    <ul>
      <li><a href="">sub item 1-a</a></li>
      <li><a href="">sub item 1-b</a></li>
    </ul>
  </li>
  <li><a href="">item 2</a>
    <ul>
      <li><a href="">sub item 2-a</a></li>
      <li><a href="">sub item 2-b</a></li>
    </ul>
  </li>
  </ul>
 </nav>

И такой скрипт (взят из примера JQuery):

function handler( event ) {
  var target = $( event.target );
  if ( target.is( "li" ) ) {
    target.children().toggle();
  }
}
$( "ul" ).click( handler ).find( "ul" ).hide();

Как сделать так, чтобы он работал со вложенными внутри элементов "li" гиперссылками? Чтоб показывал контент при клике на них?