title: How to delay showing elements until slideToggle is completed?
body: <p>This is my code.</p>
  
  <pre><code>$(".big").click(function() {
      var widget = $(this).parent();
      widget.children('.layer-dark').slideToggle(300).fadeTo(1, 0.97);
      widget.children('.loading, .hm_sm_btn').show();
  });
  </code></pre>
  
  <p>Now how can I make the <code>.loading</code> and <code>.hm_sm_btn show()</code> get done after the previous action <code>slideToggle</code> is completed. right now, the items get instantly shown so I am looking for some simple and easy way to make a short delay and make them appear after <code>slideToggle()</code> is completed.</p>
  
  <p>Hope my question is clear, thank you.</p>