title: How to toggle jQuery element with a duration AND display?
body: <p>When I want to toggle <strong>off</strong> a component I can use</p>
  
  <pre><code>$("#donkey").toggle(false);
  </code></pre>
  
  <p>and when I need it to be toggled during a certain time period I can use</p>
  
  <pre><code>$("#emailInvalid").toggle(700);
  </code></pre>
  
  <p>but now I'd like to combine those two. I want to ensure that the component is being toggled <strong>off</strong> (not only toggled back and forth) and I want to specify a duration of the process.</p>
  
  <p>According to the <a href="http://api.jquery.com/toggle/#toggle-options" rel="nofollow">jQuery API</a>, I'm supposed to be able to specify an object with options, too. However, the following</p>
  
  <pre><code>$("#donkey").toggle({ duration: 700, display: false });
  </code></pre>
  
  <p>only toggles the donkey back and forth (during said time, though), whereas I'd like it to be toggled to invisibility. When I reviewed the options, I noticed that there's none that addresses <em>display</em>, so I fear that the above is treated by jQuery equivalently with</p>
  
  <pre><code>$("#donkey").toggle({ duration: 700, biteMe: "in the donkey" });
  </code></pre>
  
  <p>How can I make sure that the toggler is <strong>hiding</strong> the component (equivalent with the first line of code above) <strong>and</strong> that I can control the time for the process to be done (equivalent to the second line of code above)?</p>