How to apply flexcroll while using tabs
<p>Iam using many tabs in my site and I have listing in each tab that uses FLEXCROLL for scroll but for the first default tab it is working but when I click on second it is not showing flexcroll...my custome code is</p>

<pre><code>$('ul.tabs').each(function(){
    var $active, $content, $links = $(this).find('a');

    $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
    $active.addClass('active');
    $content = $($active.attr('href'));

// Hide the remaining content
    $links.not($active).each(function () {
        $($(this).attr('href')).hide();
    });

// Bind the click event handler
    $(this).on('click', 'a', function(e){
        // Make the old tab inactive.
        $active.removeClass('active');                
        $content.hide();                
        $active = $(this);                
        $content = $($(this).attr('href'));

        // Make the tab active.
        $active.addClass('active');                                                
        $content.show();                         
        // Prevent the anchor's default click action
        e.preventDefault();
    });
});
</code></pre>
