title: jQuery fadeToggle on invisibl element
body: <p>In Jquery docs fadeToggle is working When called on a visible element, what if I want to start my element on zero opacity. Is there a way to solve this or any other method to use.
  I don't want to use display: none</p>
  
  <pre><code>&lt;h2&gt;toggle&lt;/h2&gt;
  
  &lt;div class="box"&gt;box&lt;/div&gt;
  
  .box {
     opacity: 0;
  }
  
  $('h2').click(function(){
     $('.box').fadeToggle();
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/A6PWN/" rel="nofollow">http://jsfiddle.net/A6PWN/</a></p>
  
  <p>Thanks</p>