таблица интерактивная

Question

Я надеюсь, что кто-то может помочь решить небольшую проблему для меня. У меня есть таблица, и некоторые из ячеек содержат div (набор для скрытия). На мыши над этой ячейкой я хотел бы, чтобы div стал видимым. Ниже приведен фрагмент моего кода таблицы.

Сценарий, который мне нужен, должен проверить, содержит ли ячейка div; при наведении мыши на этот div, показать его и скрыть другие. Если курсор не навевает div, тогда он не должен показывать ни одного из div.

<table> 
    <tr> 
     <th>Header One</th> 
     <th>Header Two</th> 
     <th>Header Three</th> 
    </tr> 
    <tr> 
     <td>Something One 
     <div id="wrapper1" class="hoverinfo" style="display:none;"> 
      <ul> 
       <li> 
       List Object One 
       </li> 
       <li> 
       List Object Three 
       </li> 
       <li> 
       List Object Four 
       </li> 
      </ul> 
     </div></td> 
     <td>Something Two</td> 
     <td>Something three</td> 
    </tr> 
    <tr> 
     <td>Something One</td> 
     <td>Something Two 
     <div id="wrapper2" class="hoverinfo" style="display:none;"> 
      <ul> 
       <li> 
       List Object five 
       </li> 
       <li> 
       List Object six 
       </li> 
      </ul> 
     </div></td> 
     <td>Something three</td> 
    </tr> 
    <tr> 
     <td>Something One 
     <div id="wrapper2" class="hoverinfo" style="display:none;"> 
      <ul> 
       <li> 
       List Object seven 
       </li> 
       <li> 
       List Object eight 
       </li> 
      </ul> 
     </div></td> 
     <td>Something Two</td> 
     <td>Something three</td> 
    </tr> 
</table> 

Answer 1

$('td > div.hoverinfo').mouseover(function() { 
    $('td > div.hoverinfo').hide(); 
    $(this).show(); 
});