https://sydals.dk/wp-content/themes/cityguide/ait-theme/elements/t…?ver=40b3baa58b7ce40c9333ade2516194a8

1
2function responsiveTabs(parentId, parentClass){
3	var tabsContainer = jQuery(parentId).find('ul:first');
4	var widthOfTabs = jQuery(parentId).attr('data-width');
5	/* display: none problem ... the .tabs-wrapper is always hidden, so we wont get actual size */
6	jQuery(parentId).find('.tabs-wrapper').show().css({'opacity': 0});
7	var wrapperWidth = jQuery(parentId).find('.tabs-wrapper').width();
8	jQuery(parentId).find('.tabs-wrapper').hide().css({'opacity': ''});
9	/* display: none problem ... the .tabs-wrapper is always hidden, so we wont get actual size */
10	if(widthOfTabs >= wrapperWidth || isResponsive(640)){
11		jQuery(parentId).removeClass( parentClass );
12
13		tabsContainer.parent().addClass('responsive-tabs');
14		tabsContainer.addClass('responsive-tabs').hide();
15		tabsContainer.parent().find('.selected').html(tabsContainer.find('.ait-tabs-active a').text()).show();
16
17		tabsContainer.parent().find('.selected').toggle(function(){
18			tabsContainer.stop(true, true).slideDown();
19			tabsContainer.parent().addClass('toggle-opened');
20		},function(){
21			tabsContainer.stop(true, true).slideUp();
22			tabsContainer.parent().removeClass('toggle-opened');
23		});
24
25		/* new functionality for responsive */
26		// display select instead of rendered tabs dropdown
27		tabsContainer.parent().hide(); // hide the tabs
28		jQuery(parentId).find('select.responsive-tabs-select').show();
29		/* new functionality for responsive */
30	} else {
31		jQuery(parentId).addClass( parentClass );
32
33		tabsContainer.parent().removeClass('responsive-tabs');
34		tabsContainer.removeClass('responsive-tabs').show();
35		tabsContainer.parent().find('.selected').unbind('click').hide();
36
37		/* new functionality for responsive */
38		// display select instead of rendered tabs dropdown
39		tabsContainer.parent().show(); // hide the tabs
40		jQuery(parentId).find('select.responsive-tabs-select').hide();
41		/* new functionality for responsive */
42	}
43	tabsContainer.children('li').click(function(){
44		jQuery(this).parent().parent().find('.selected').html(jQuery(this).find('.ui-tabs-anchor').text()).click();
45	});
46
47	/* new functionality for responsive */
48	/*jQuery(parentId).find('select.responsive-tabs-select').on('change', function(){
49		var $selected = jQuery(this).find('option:selected');
50		tabsContainer.find('a[href="'+$selected.val()+'"]').trigger('click');
51	});*/
52	/* new functionality for responsive */
53}
54
55function tabsWidth(parentId, parentClass){
56	var result = 0;
57	if(parentClass == "ait-tabs-horizontal"){
58		var tabsWidth = 0;
59		jQuery(parentId).find('ul.ait-tabs-nav').children('li').each(function(){
60			tabsWidth = tabsWidth + jQuery(this).outerWidth(true);
61		});
62		result = tabsWidth;
63	} else {
64		result = 0;
65	}
66	jQuery(parentId).attr('data-width', result);
67}
68
69function tabsHover(parentId, parentClass){
70	var span = "<span class='ait-tab-hover'>{text}</span>";
71	jQuery(parentId).find('ul.ait-tabs-nav').children('li').each(function(){
72		var text = jQuery(this).children('a').text();
73		jQuery(this).append(span.replace('{text}', text));
74		var cont = jQuery(this).find('.ait-tab-hover');
75		cont.attr({'data-twidth' : jQuery(this).find('.ait-tab-hover').outerWidth(true)});
76		cont.css({'width' : '10%'});
77		cont.click(function(){
78			jQuery(this).parent().find('a').click();
79		});
80
81		jQuery(this).hover(function(){
82			cont.css({'width' : cont.data('twidth')});
83		}, function(){
84			cont.css({'width' : "10%"});
85		});
86	});
87}