Flexscroll not working in show/hide div
<pre><code>&lt;div class="right_tab_content_part1_s"&gt;
        &lt;a href="javascript:void(0)" class="active" id="classtabnew1" onclick="showHideDivforTabbingBeforeaward(1)"&gt;View Provider&lt;/a&gt;
        &lt;a href="javascript:void(0)" class="" id="classtabnew2" onclick="showHideDivforTabbingBeforeaward(2)"&gt;View Message&lt;/a&gt;
    &lt;/div&gt;

    &lt;div style="display:block;" id="divtabnewBeforeaward1"&gt;&lt;/div&gt;

    &lt;div style="display:none;" id="divtabnewBeforeaward2"&gt;&lt;div id="scroll2_msg" class="flexcroll"&gt;&lt;/div&gt;&lt;/div&gt;

   &lt;script type="text/javascript"&gt;
    function showHideDivforTabbingBeforeaward(id)
    {
        for(j=1;j&lt;3;j++)
        {
            if(id==j)
            {
                document.getElementById('divtabnewBeforeaward'+j).style.display = 'block';
                document.getElementById('classtabnew'+j).className = 'active';
            }
            else
            {
                document.getElementById('divtabnewBeforeaward'+j).style.display = 'none';
                document.getElementById('classtabnew'+j).className = '';
            }
        }
    }
&lt;/script&gt;
</code></pre>

<p>Flexscroll is not working, even when i use the enter <code>fleXenv.initByClass ("a-class-name-of-your-choice");</code> or <code>fleXenv.fleXcrollMain (yourDivElement);</code></p>
