[jQuery] All div content showing up in jQuery Tabs
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.