jQueryのcss（）が可視性を使用していません

Question

show()をcss()に変更し、可視性を変更しました。何らかの理由でonclickが表示されません。ここで

は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

理由だけ$('tr#target')を使用しません。ここでjsFiddleを参照してください。

Answer 2

は:hiddenためdocumentationを参照してください。 visibility:hiddenの要素は:hiddenとはみなされません。

溶液がちょうどそうように、:hiddenセレクタなしtrを標的とするであろう：

$("tr#target").css("visibility","visible"); 

Answer 3

セレクタ：隠されたはちょうど表示で視界では動作しません。

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

Answer 4

私は個人的には次のように記述します。ここでは、別の何かを試してみてjQueryのドキュメントhttp://api.jquery.com/hidden-selector/

です。

注：これはテストしませんでした。

<style> 
    #target {visibility: hidden} 
</style> 

<script> 
    $('td.area').live('click', function(){ 
     if ($('#target').is(":visible")) { 
     // Do something? 
     } 
     else { 
     // Make visible 
     $('#target').css('visibility', 'visible') 
     } 
    }); 
</script> 

<td class="area"><img src="/def.jpg" /></td> 
<tr id="target"> 
    <td>This was hidden </td> 
</tr>