[jQuery] All div content showing up in jQuery Tabs

[expresso]

For some reason, when my first div loads, I'm seeing all 3 text show up even
though they're in different <div> containers:

  <script type="text/javascript">
      $(document).ready(function() {
      $('#Tabs div:Form1Content').show();
      $('#Tabs').tabs({ fx: { opacity: 'toggle'} });
      });
  </script>
    <div id="Tabs">
        <ul>
            <li id="PTab" runat="server"> #Form1Content 
Images/Product/tab1.gif  </li>
            <li id="OTab" runat="server"> #Form2Content 
Images/Product/tab2.gif  </li>
            <li id="RTab" runat="server"> #Form3Content 
Images/Product/tab3.gif  </li>
        </ul>
        <div id="TabsMain">
            <div id="PContent">
               form
            </div>
            <div id="OContent">
               examples
           </div>
           <div id="RContent">
               test
            </div>
        </div>
    </div>

So when this loads, I see the 2 tabs and then the text shows up below like
this:

form
examples
test

instead of just "form" and the rest hidden.
-- 
View this message in context: 
http://www.nabble.com/All-div-content-showing-up-in-jQuery-Tabs-tp22860795s27240p22860795.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.