Javascript: Tabs vorauswahl möglich

Duergy

Mitglied
Seid gegrüßt,

ich habe ein Theme gekauft bei welchen es möglich ist via Tabs zwischen verschiedene Containern zu switchen
(Ist ja nichts neues)
Nun sieht das JavaScript vor automatisch das erste zu nehmen. Ich würde es gerne modififizieren, so das ich bei bedarf auch das 2. oder 3. Tab als Default nehmen könnte in dem ich z.b. die Klasse "active" hinzufüge.

Ist das möglich? Hier erst einmal der JS-Code
Code:
(function($){
	$.fn.createTabs = function(){
		var container = $(this);
		
		container.find('.tab-content').hide();
		container.find("ul.tabs li:first").addClass("active").show();
		container.find(".tab-content:first").show();
		
		container.find("ul.tabs li").click(function() {
	
			container.find("ul.tabs li").removeClass("active");
			$(this).addClass("active");
			container.find(".tab-content").hide();
	
			var activeTab = $(this).find("a").attr("href");
			$(activeTab).fadeIn();
			return false;
		});
		
	};
})(jQuery);

Von der Idee her, würde ich so vorgehen.
* Überprüfe ob irgendwo die classe activ gesetzt ist
** Ja? Dann zeige den Container an
** Nein? Dann nimm den ersten Tab und zeige den Container an

Ich habe halt nur keinen Plan von JS und würde mich über eure hilfe freuen
 
So in etwa? Habe es allerdings nicht getestet.

Code:
(function($){
    $.fn.createTabs = function(tab){ // function(){ -> function(tab){
        var container = $(this);
        
        container.find('.tab-content').hide();
        container.find("ul.tabs li:eq[tab]").addClass("active").show(); // :first -> eq[tab]
        container.find(".tab-content:eq[tab]").show(); // :first -> eq[tab]
        
        container.find("ul.tabs li").click(function() {
    
            container.find("ul.tabs li").removeClass("active");
            $(this).addClass("active");
            container.find(".tab-content").hide();
    
            var activeTab = $(this).find("a").attr("href");
            $(activeTab).fadeIn();
            return false;
        });
        
    };
})(jQuery);
 

Neue Beiträge

Zurück