Tabs With XThreads

[RateU]

(12-10-2010 09:45 PM)leefish Wrote:  I decided against using those in the link

May I know the reason, Lee?

[leefish]

Well, the ones you shared with us are working fine, and I already have all the css set up. So by changing slide to fade I got the same effect(ish), with no extra work

[RateU]

I think we need to change it a bit to make it as unobtrusive tabs, right?

[leefish]

Well, I don't really mind them as they are. If you mean that they have to have javascript on, then yea, thats so. If you log onto leefish with javascript off you get a little warning saying turn on javascript. Thats it for me

[RateU]

If you want to make it as unobtrusive tabs, remove the style similar like this (based on the garage forum):

HTML Code

#image, #mod, #details {display: none;}

---

Add this code before $('.tab').click(function(){ code:

Javascript Code

$('.content').hide(); $('.content:first').show();

---

So, the javascript code will be like this:

Javascript Code

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript"> jQuery(document).ready(function($){ $('.content').hide(); $('.content:first').show(); $('.tab').click(function(){ $('.at').removeClass('at'); $(this).addClass('at'); $('.content').slideUp(); var catshow = $(this).attr('abbr'); $('#'+ catshow).slideDown(); }); }); </script>

---

It is a "combination" from both of the tabs.
I don't know whether it is better or not

[leefish]

Thanks RateU, but I will leave it as it is for now. Bookmarking

[Firefox Wins]

(12-10-2010 09:45 PM)leefish Wrote:  Firefox - what do you mean? I decided against using those in the link in the end and just changed the action in the tabs RateU provided from slide to fade....

OK, I was talking about the link.