Question

hi i have a question about some jquery
how do i select “First-First” of my html structure, when the mouse enter’s main ?
html structure:

<div id="main">
    <div class="first">
        <div class="first-first"></div>
        <div class="first-second"></div>
    </div>
</div>

would this be the prober way of doing it ?

  $("div.main").mouseenter(function() {
        $(this).child(".first").next(".first-first").show();
  }).mouseleave(function() {
        $(this).child(".first").next(".first-first").hide();
  });

Answer 1

Perhaps

$("#main").mouseenter(function() {
    $('.first-first', this).show();
}).mouseleave(function() {
    $('.first-first', this).hide();
});