jQuery css() 无法使用可见性

Question

在下面的代码中，我将 show() 更改为 css() 并修改了可见性。出于某种原因，它没有显示在点击上。

这是 HTML:

<td class="area">
    <img src="/def.jpg" />
</td>

<tr id="target" style="visibility:hidden">
    <td>This was hidden</td>
</tr>

然后是 jQuery:

$("td.area").on("click", "img", function(){
    $("tr:hidden#target").css("visibility","visible");
});

Answer 1

选择器 :hidden 不适用于visibility，仅适用于display。这是 jQuery 文档 http://api.jquery.com/hidden-selector/

你必须尝试不同的东西:

var t = $("#target");
if(t.css("visibility") == "hidden"){
    t.css("visibility", "visible"); 
}