title: transition using .css() method doesn't work
body: <pre><code>$(".target").hover(function () {
      $(".element").css({
          "visibility": "visible",
              "opacity": 1,
              "transition": "visibility 0s linear 0.25s,opacity 0.25s linear"
      });
  }, function () {
      $(".element").css({
          "visibility": "hidden",
              "opacity": 0,
              "transition": "visibility 0s linear 0.25s,opacity 0.25s linear"
      });
  });
  </code></pre>
  
  <p>The mouseleave show the transition but not when I mouse over the .element, what's wrong with above code?</p>