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.


Reply via email to