Question

HTML:

<ul class="parent">
   <li><a href="#">toggler</a>
       <ul class="child">
       ...
       </ul>
   </li>
</ul>

I’d like to toggle ‘child’ UL (if it exists) via ‘toggler’ link. There might me multiple parent>child elements so I’d like to toggle the relevant child only.

Thanks in advance for your help.

Answer 1

The UL is not a child to the anchor, but using next() is simple enough:

$('ul a').click(function() {
     $(this).next().toggle();
});