Jim Newfer wrote:
Hi everyone, I am back, I apologize for such a basic Question. Yep, I
have the tabs png, and the loading pngs loading correclty they are
displaying. Here is the markup I am using, I am thinking it is a
problem here. All of my content is displaying for all the tabs at
once. Any comments/suggestions are greatly appreciated. Thanks guys.



<div id="container">

            <ul class="tabs-nav">
                <li ><a href="#fragment-1"><span>One</span></a></li>
                <li ><a href="#fragment-2"><span>Two</span></a></li>
                <li ><a href="#fragment-3"><span>Tabs are flexible
again</span></a></li>
            </ul>
            <div id="fragment-1">
                <p>First tab is active by default:</p>
                <pre><code>$(&#039;#container&#039;).tabs();</code></
pre>

            </div>
            <div id="fragment-2" >
                Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.
            </div>
            <div id="fragment-3">
                Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.

            </div>
        </div>



The HTML looks fine. Are you sure there is no JavaScript error on the page? Do you use Firebug or at least the JavaScript console?




--Klaus

Reply via email to