maybe this tutorial can help you .
http://15daysofjquery.com/jquery-online-movie-tutorial-by-john-resig/29/
On 4月3日, 上午10时24分, expresso <dschin...@gmail.com> wrote:
> 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-tp228...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
