call script after element is fully visible
<p>I'm using this script bellow for load 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 jquery scrollBar (http://manos.malihu.gr/jquery-custom-content-scroller) and this only works if the div is not hidden. So i need to call the scritp after the div is fully visible. How i can do that with this 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, 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>
