jQuery initialize on click?
<p>I am using <a href="http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html" rel="nofollow">jScrollpane</a> for a <a href="http://www.koodoocreative.co.uk/~stagesca" rel="nofollow">clients'</a> website. The problem I have, Is the scrollbars initialise fine on the "Welcome" tab. The "Products" tab I would also like that tab to have the same scrollbar as the "Welcome" tab. </p>

<p>I am using Twitter Bootstrap for the tabs and am not loading any jQuery associated with them, It is purely default.</p>

<p>My <strong>HTML</strong> code is as follows :</p>

<pre><code>&lt;div class="tab-content"&gt;
          &lt;div id="home" class="tab-pane active scroll_tab"&gt;
            &lt;?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?&gt;
            &lt;h2&gt;
              &lt;?php the_title(); ?&gt;
            &lt;/h2&gt;
            &lt;?php the_content(); ?&gt;
            &lt;?php endwhile; ?&gt;
          &lt;/div&gt;
          &lt;div id="about" class="tab-pane"&gt;
            ABOUT CONTENT
          &lt;/div&gt;
          &lt;div id="services" class="tab-pane"&gt;
            &lt;?php 
                $page_id = 11; 
                $page_data = get_page( $page_id ); 
                echo '&lt;h2&gt;'. $page_data-&gt;post_title .'&lt;/h2&gt;';// echo the title
                echo apply_filters('the_content', $page_data-&gt;post_content); // echo the content and retain Wordpress filters such as paragraph tags. 
            ?&gt;
          &lt;/div&gt;
          &lt;div id="case_studies" class="tab-pane"&gt;
            CASE STUDIES CONTENT
          &lt;/div&gt;
          &lt;div id="contact_us" class="tab-pane"&gt;
            CONTACT US CONTENT
          &lt;/div&gt;
        &lt;/div&gt;
</code></pre>

<p>I am then initialising the jScrollpane plugin on document.ready() within a function.</p>

<p>The jQuery Code is as follows :</p>

<pre><code>   $(document).ready(function()
   {    

/* Scrollbars */
$(function()
{
    $('.scroll_tab').jScrollPane();
    $('.tab-content &gt; .tab-pane, .pill-content &gt; .pill-pane').jScrollPane();
});
});
</code></pre>

<p>How do I force the jScrollPane(); to initialise on each tab? </p>

<p>Thanks in advance.</p>
