I want to make my code smarter by using child elements of $(this) but I'm not sure on the syntax.
Here is some slimmed down code (that doesn't work) to help explain my situation; $(document).ready(function(){ $("li.trigger").hoverIntent( function () { $(this).next(".flyout").slideDown("fast"); }, function () { $(this).next(".flyout").slideUp("fast"); } ); }); <ul> <li class="trigger"><a href="#>Link One</a> <ul> <li> <div class="flyout"> ..... </li> </ul> </li> <li class="trigger"><a href="#">Link Two</a> <ul> <li> <div class="flyout">... ..... </li> </ul> </li> </ul> Basically, I'm trying to call the child flyout of the trigger that's been hovered. Thanks in advance.