On Jul 3, 2:26 am, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Ganeshji Marwaha wrote:
> > The tabs plugin expects the html markup in a certain structure...
> > Recently the plugin has more flexibility towards the markup structure,
> > nevertheless, you need to set that up correctly in order for it to work..
>
> > For starters, a couple of pointers are
> > 1. you will have to include the js file. - which i am sure u have done
> > 2. you will have to include the css file. There is an IE version for the
> > css file as well, which you might want to include with conditional comments.
> > 3. you will have to place the tabs image in the correct folder. Look for
> > the relative path for tab.png in the css file.
>
> > If these didnt help, we will be more than glad to help if you could post
> > a test page somewhere, where we can have a look. That will help to debug
> > ur problem very efficiently.
>
> > -GTG
>
> Ganeshji, thanks for your assistance. Theres's one little thing I
> d like to add:
>
> Maybe the id ("container"), e.g. the selector in use just isn't correct.
> Make sure that it actually matches the element that contains the markup
> required for tabs.
>
> --Klaus
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>$('#container').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>
