Помогите переделать скрипт табов

[Rudiarius]

Имеется скрипт вкладок - 

$.fn.tabs = function() {	var selector = this;		this.each(function() {		var obj = $(this); 				$(obj.attr('href')).hide();				obj.click(function() {			$(selector).removeClass('selected');						$(this).addClass('selected');						$($(this).attr('href')).fadeIn();						$(selector).not(this).each(function(i, element) {				$($(element).attr('href')).hide();			});						return false;		});	});	$(this).show();		$(this).first().click();};

Пример его работы здесь, суть его работы в назначении стилей блокам: display:none и display:block - наглядно

 

Необходимо сделать так, чтобы блокам добавлялся просто дополнительный class (например activ - если отобразить и noactiv - всем остальным), именно добавлялся - так как там уже прописаны классы, для каждого блока вкладки. 

Или же поменять принцип стилей с display:none на  visibility: hidden; и visibility: visible;  Это мне нужно для корректной работы/загрузки анимации на цсс... помогите решить проблему, готов оплатить!

 

[hypnocolor]

Ну так поменяйте .hide() и .show() на addClass('class-name') с нужными вам классами. Как-то так.

$.fn.tabs = function() {	var selector = this;		this.each(function() {		var obj = $(this); 				$(obj.attr('href')).addClass('inactive');				obj.click(function() {			$(selector).removeClass('selected');						$(this).addClass('selected');						$($(this).attr('href')).fadeIn();						$(selector).not(this).each(function(i, element) {				$($(element).attr('href')).addClass('inactive').removeClass('active');			});						return false;		});	});	$(this).addClass('active');		$(this).first().click();};

Edited August 30, 2015 by hypnocolor

[Rudiarius]

 

Ну так поменяйте .hide() и .show() на addClass('class-name') с нужными вам классами. Как-то так.

$.fn.tabs = function() {	var selector = this;		this.each(function() {		var obj = $(this); 				$(obj.attr('href')).addClass('inactive');				obj.click(function() {			$(selector).removeClass('selected');						$(this).addClass('selected');						$($(this).attr('href')).fadeIn();						$(selector).not(this).each(function(i, element) {				$($(element).attr('href')).addClass('inactive').removeClass('active');			});						return false;		});	});	$(this).addClass('active');		$(this).first().click();};

 

Спасибо за ответ! Вот так $($(element).attr('href')).addClass('inactive').removeClass('active'); почему то не работало... переставил местами $($(element).attr('href')).removeClass('activ').addClass('noactiv'); Кидайте любые  номера в личку, для обещанных благодарностей! 

Edited August 30, 2015 by Rudiarius

[hypnocolor]

Хм В скайпе можете добавиться, ник тот же, у вас личка недоступна ещё.