title: call script after element is fully visible
body: <p>I'm using this script below for loading a hidden div, inside another:</p>
  
  <pre><code>$(document).ready(function(){
      $(function() {
          $('#menu a').click(function(e) {
              e.preventDefault();
              $('#menu a').removeClass("selected");
              $(this).addClass("selected");
              var h = $(this).attr('href');
              $("#conteudo").fadeOut("slow", function() {
                  $(this).html($(h).html()).fadeIn("slow");
              });
          });
   });
  </code></pre>
  
  <p>But in some pages, I use some <a href="http://manos.malihu.gr/jquery-custom-content-scroller" rel="nofollow">mCustomScrollbar</a>, which only works if the div is not hidden. So I need to call the script after the div is fully visible. How I can do that with the code above?</p>
  
  <p>This is the scrollBar script call:</p>
  
  <pre><code>$("#mcs_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
  </code></pre>
  
  <p>In the page of script, it has this example code, but my script load is valid for the entire menu ... and this example it is setting what page he wants to carry. Do I make myself clear?</p>
  
  <pre><code>$("#mcs_container .content").load("new.html", function(){
      $("#mcs_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
  });
  </code></pre>