Comments on: Make a terrific tab switcher in jQuery

By: Aman

Aman — Wed, 18 Aug 2010 16:50:46 +0000

I like this plugin.I have Also 10+ Jquery Style Switchers plugins please see:-

http://jquery13.blogspot.com/2010/08/10-jquery-style-switchers.html

Thanks
Aman

By: Tab switcher in jQuery « Open Source

Tab switcher in jQuery « Open Source — Fri, 23 Oct 2009 22:54:31 +0000

[...] [...]

By: Richard Carr

Richard Carr — Thu, 15 Oct 2009 16:15:21 +0000

Ah, problem solved. A little research highlighted the text() function would strip HTML. I then noticed that in your step by step guide, you use the html() function but in the final code listing you’ve used text()

Problem = I copy and pasted the final listing.

Using html() it works fine. Might be an idea to change this little mistake?

Thanks for a useful bit of code anyway.

By: Richard Carr

Richard Carr — Thu, 15 Oct 2009 16:05:25 +0000

Gah ;-) Well basically there’s an ol and an li in the content div which doesn’t reach the holder div, it’s just plain text.

Thanks again.

By: Richard Carr

Richard Carr — Thu, 15 Oct 2009 16:04:04 +0000

Sorry, the first comment demonstrating the HTML should include

N/A

By: Richard Carr

Richard Carr — Thu, 15 Oct 2009 16:02:05 +0000

Hi,

When I use this it seems to be stripping HTML out of everything in class=holder. I notice in your example that you don’t have HTML in there either and wondered if this is the way it’s meant to work?

In class=content the HTML is present fine eg.

N/A

But when this reaches class=holder it has become just

N/A

Apart from modifying class names carefully to avoid clashes with other stuff in my stylesheet, I basically just copied your code.

Any ideas would be much appreciated, I’m launching on Saturday!

By: Jonathan

Jonathan — Tue, 25 Aug 2009 19:31:17 +0000

Sorry about that. Fixed.

By: sunpietro

sunpietro — Tue, 25 Aug 2009 12:59:56 +0000

Hi,
your code doesn’t seem to work in IE.

By: Jonathan

Jonathan — Mon, 24 Aug 2009 13:30:58 +0000

Hello, I’m sorry my code doesn’t meet your standards, however they both work in the same way and although my code may be slightly longer, perhaps this way it’ll allow the user to learn more from this tutorial.

By: developnew

developnew — Mon, 24 Aug 2009 13:17:20 +0000

Hi, You code is very lengthy. you can create a jquery tab with following logic.


  $(document).ready(function() {
    $(".tabLink").each(function(){
      $(this).click(function(){
        tabeId = $(this).attr('id');
        $(".tabLink").removeClass("activeLink");
        $(this).addClass("activeLink");
        $(".tabcontent").addClass("hide");
        $("#"+tabeId+"-1").removeClass("hide")   
        return false;	  
      });
    });  
  });

[No direct links in comments, sorry]