But I am continuously facing the issue with not just Mozilla, but even IE, Safari... Looks like I have missed on something...
-----Original Message----- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of jQuery Lover Sent: Saturday, January 17, 2009 7:18 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [jquery]Need help in Simple Jquery Function I develop for tabs I have just created html with your content and js. It works just fine. ALL tabs work fine... ---- Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Sat, Jan 17, 2009 at 3:30 PM, Yuvraj Mathur <sa...@spicyspy.com> wrote: > > Hi, > I am stuck up with this function to make simple Tabs. It works absolutely fine only with the first two tabs. Can someone please observe the code and reply the problem. > > Below "d" stands for the header(div) in which the links are, "e" for the targeted content(div), and "f" for the sequence number. > > <script> > function TabTasTic(d,e,f){ > $('#'+ d +' a').css({background: '#ffffff'}); > $('#'+ e +' div').hide(); > $('#'+ e +' div').eq(f).show(); > $('#'+ d +' a').eq(f).css({background: '#000000'}); > } > </script> > <div class="header" id="header"> > <a href="javascript:TabTasTic('header','content','0');">Tab1</a> > <a href="javascript:TabTasTic('header','content','1');">Tab2</a> > <a href="javascript:TabTasTic('header','content','2');">Tab3</a> > <a href="javascript:TabTasTic('header','content','3');">Tab2</a> > </div> > <div class="content" id="content"> > <div>T1</div> > <div>T2</div> > <div>T3</div> > <div>T4</div> > </div> > >
