[jQuery] concatenate "this" and selector?
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.