MyBB Hacks - Tabs With XThreads

Pages: 1 2 3

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

May I know the reason, Lee?

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 Smile

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

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 Smile

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

			<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 Biggrin

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

(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.

Pages: 1 2 3