jQuery css() ne fonctionne pas avec la visibilité

Dans le code ci-dessous j'ai changé show() à css() et modifié la visibilité. Pour une raison quelconque, il n'est pas onclick.

Voici le code HTML:

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

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

et alors le jQuery:

$("td.area").on("click", "img", function(){
    $("tr:hidden#target").css("visibility","visible");
});
J'ai reçu votre scroller jquery solution pour vous ami, mais vous avez supprimé la question avant que je puisse répondre. Pas sûr de ce qui s'y est passé. Laissez-moi savoir si vous avez encore besoin d'elle. Je peux le poster.

OriginalL'auteur Satch3000 | 2011-12-30

  1. 4

    Pourquoi ne pas simplement utiliser $('tr#target'). Voir jsFiddle ici.

    OriginalL'auteur Selvakumar Arumugam

  2. 8

    Le sélecteur :hidden ne fonctionne pas avec visibilité juste avec affichage. Voici le jQuery documentation http://api.jquery.com/hidden-selector/

    Vous devez essayer quelque chose de différent:

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

    OriginalL'auteur epignosisx

  3. 1

    Voir le la documentation pour :hidden. Éléments avec visibility:hidden ne peut pas être considéré comme :hidden.

    La solution serait de viser uniquement la tr sans :hidden sélecteur, comme suit:

    $("tr#target").css("visibility","visible");
    Non, n'ont pas de travail. Si je change display:none et show (), il fonctionne très bien cependant :o/
    Bien évidemment. visibility:hidden ne comptera pas comme :hidden. Voir mon edit.

    OriginalL'auteur Purag

  4. 1

    Personnellement, je ne l'écrire comme ça.

    NOTE: je n'ai pas testé cette.

    <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>

    OriginalL'auteur davissp14