javascript - 悬停时显示和隐藏表格行，最初隐藏，如果输入则不隐藏

Question

我有一个 HTML 表格，其中一行有一个输入。当我将鼠标悬停在该行上时，我想展开该行并显示输入，如果没有悬停则折叠。但是，我希望该行开始折叠，并且如果输入中有值，我不希望该行折叠。

这是一个 fiddle :

http://jsfiddle.net/4Hdge/

<table style="width:300px; background-color:#d3d3d3">
 <tr id="filter" style="background-color:blue">
  <td><input id="search" placeholder="Search" style="width:100px"/></td>
  <td></td> 
  <td></td>
 </tr>
 <tr>
  <td>Jill</td>
  <td>Smith</td> 
  <td>50</td>
 </tr>
 <tr>
  <td>Eve</td>
  <td>Jackson</td> 
  <td>94</td>
 </tr>
</table>


$("#filter").hover(

function () {

        $("#search").show();

  },
function () {

        $("#search").hide();

  }
);

Answer 1

JSFiddle

$("#search").hide();

$("#filter").hover(

    function () {

            $("#search").show();

    },
    function () {
        if($('#search').val()=="")
        $("#search").hide();


    }
);