Never mind I used another tutorial in the end. Thanks for your help!

-----Original Message-----
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Klaus Hartl
Sent: Tuesday, September 23, 2008 9:21 PM
To: jQuery (English)
Subject: [jQuery] Re: jquery tabs cannot put <div> inside the tab


I took a quick look at the tutorial, I guess its the line

$(’#tabs div’).hide(); // Hide all divs

that hides your inner div (hide all, no?). You will have to adapt the
selector to your needs, like adding a class to the divs you want to be
hidden or just hide all the divs that are a direct child of #tabs.

$('div.tab-panel').hide(); // hide all divs with class "tab-panel"

$('#tabs > div').hide(); // hide only direct childs


--Klaus


On Sep 23, 3:14 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Well, I can't tell anything from what I have here. Could you put what
> you have online somewhere?
>
> --Klaus
>
> On Sep 23, 2:27 pm, tyliong <[EMAIL PROTECTED]> wrote:
>
> > no it definitely has something to do with jquery. once i remove jquery
> > from my javascript library but keep my css files and have just the
> > javascript that was on the tutorial i can see the hello(<div> hello </
> > div> i put in the tab). If i remove all my css files i still cannot
> > see the hello.
>
> > On Sep 23, 7:23 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
>
> > > This usually works fine and it should. You should probably check your
> > > CSS...
>
> > > --Klaus
>
> > > On Sep 23, 7:21 am, tyliong <[EMAIL PROTECTED]> wrote:
>
> > > > Hi,
>
> > > > I have followed the tutorial
herehttp://apricotstudios.wordpress.com/2008/08/29/jquery-tabs-tutorial/
> > > > everything is working except one thing when i put another div inside
> > > > the tab it doesn't display the div at all? is this a limitation of
> > > > jquery or have i done something fundamentally wrong?
>
> > > > <div id="tab-1">
> > > >          <div id="calculated">
> > > >         <%= render :partial => 'calculator', :id=> @user.id, :object
=>
> > > > [EMAIL PROTECTED],@lineprice}%>
> > > >         </div>
>
> > > > </div>
>
> > > > However if i do this
>
> > > > <div id="tab-1">
>
> > > >         <%= render :partial => 'calculator', :id=> @user.id, :object
=>
> > > > [EMAIL PROTECTED],@lineprice}%>
>
> > > > </div>
>
> > > > <%= render :partial => 'calculator', :id=> @user.id, :object =>
> > > > [EMAIL PROTECTED],@lineprice}%> works properly

Reply via email to