title: Jquery Fade-in with images
body: <p>I'm creating a card game where cards should fade in, I have the following function  showCard() which accepts 2 variables, e being the span / id, and t being the name of the card, like 2c (for 2 of clubs). </p>
  
  <p>I'm trying to get the cards to fade in using .delay(40).fadeIn(80) without any success. Can someone throw some pointers out there to help me out?</p>
  
  <pre><code>function showCard(e, t) {
      if (t == "") return;
      var n = document.getElementById(e);
      n.src = "../images/75/" + t + ".png";
      if (n.style.visibility == "visible") {
          n.className = "";
          return
      }
      n.style.visibility = "visible";
      n.className = ""
  }
  </code></pre>
  
  <p>The following code is executed serverside: "actions" is simply an array of data that's caught in the jQuery listener </p>
  
  <pre><code>       $this-&gt;actions .= "showCard(\"split_card" . ($c + 1) . "\", '{$this-&gt;split_cards[$c]}');";
  </code></pre>