title: fadeIn, slideDown and other functions that require display:none not work correctly
body: <pre><code>function loadframe(){
      $("#orderblock").fadeIn("slow");
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="orderblock"&gt;
      &lt;div&gt;
          &lt;object id="widget" data="....somecontent...."  onload="loadframe()"&gt;&lt;/object&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#widget {
      width: 630px;
      height: 480px;
  }
  #orderblock {
      left: 125px;
      margin: auto;
      display: none;
      background-size: contain;
      height: 518px;
      background: url("./img/bgOrder.png") no-repeat;
      width: 648px;
  }
  </code></pre>
  
  <p><code>fadeIn</code> does not work, but <code>fadeOut</code> works well (with <code>display: block</code> of course). <code>slideDown</code> has the same trouble, and <code>slideUp</code> also works well.</p>
  
  <p><strong>UPD:</strong>
  after changing the "object" to "iframe" all works because <code>object</code> is obsolete and doesn't support the <code>onload</code> event handler that I had set up for it, so my jQuery code was never getting called.</p>