jQuery scrollbar in a tooltip only loading properly on window resize, content is reloading every time activated
<p>I'm using a custom jQuery scrollbar inside of a jQuery tooltip. </p>

<p><em><strong>In firefox</em></strong> if you click twice to open, e.g. if it opens, then instead of closing it you activate the tooltip a second time.</p>

<p><em><strong>In chrome</em></strong> it only shows up and functions ok when you resize the browser window.</p>

<p>I tried to duplicate this in a fiddle to show, but the fiddle works fine for non-dynamic content: <a href="http://jsfiddle.net/mstefanko/JdAmG/71/" rel="nofollow">http://jsfiddle.net/mstefanko/JdAmG/71/</a> <strong>the fiddle will still display what i'm working with</strong>.</p>

<p><strong>HTML of the tooltip is actually using php inline:</strong></p>

<pre><code>&lt;div class="grab-this"&gt;
&lt;div id="tip-content" class="nano"&gt;
    &lt;div class="scrollContent"&gt;
    &lt;?php foreach ( $member_info as $member ) : ?&gt;
        &lt;div class="member"&gt;
            &lt;div class="member-photo"&gt;
                &lt;img class="photo" src="&lt;?php echo $member-&gt;photo_url ?&gt;"/&gt;&lt;/div&gt;
            &lt;div class="team-member-screen-name"&gt;                                       
            &lt;a href="&lt;?php echo $member-&gt;url ?&gt;"&gt;&lt;?php echo $member-&gt;screen_name ?&gt;&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;?php endforeach ?&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>i'm grabbing that content for the tooltip using:</strong></p>

<pre><code>var team = $('.grab-this').html();
</code></pre>

<p><strong>Activating the tooltip like:</strong></p>

<pre><code>$('.tooltip').tipTip({activation: 'click', content: team, enter: function(){
    $("#tip-content.nano", "#tiptip_content").nanoScroller();
});
</code></pre>

<p>I notice in Chrome more than anything else that the images as well as the list seem to get repopulated everytime I open the tooltip. Not sure how to fix that. </p>

<p>Also, I actually moved the enter callback in the library to support this at all, was previously before the content was loaded into the tooltip. </p>

<p><strong>Any ideas at all would be appreciated. At this point even a hack to fake a window resize or a way to force the scrollbar to reset after the content is 100% loaded would be amazing. Thanks</strong></p>
