https://www.sem-ch.jp/themeforest_files/thebeautysalon.js

1jQuery( document ).ready( function() {
2
3	// Uniform
4
5	jQuery("select, input:not([type='submit']), button, textarea").not('.comment-form-rating select, .woocommerce-billing-fields select, .woocommerce-shipping-fields select').uniform();
6
7	// Hover Links
8
9	jQuery( '.hoverlink' ).mouseenter( function() {
10		jQuery(this).find( 'img' ).stop().animate({ opacity: '0.4' })
11	})
12
13	jQuery( '.hoverlink' ).mouseleave( function() {
14		jQuery(this).find( 'img' ).stop().animate({ opacity: '1' })
15	})
16
17	// Product List
18	if( jQuery('.product-list').length > 0 ){
19		jQuery( '.product-list').product_list();
20	}
21
22
23	// Tiles
24	if( jQuery('.tiles').length > 0 ){
25		jQuery( '.tiles').tiles();
26	}
27
28	// submit buttons
29
30	jQuery.each( jQuery( 'input[type="submit"]' ), function() {
31		parent = jQuery(this).parent( 'p' )
32		if( parent.length > 0 && parent.find( '.read-more-arrow' ).length == 0 ) {
33			jQuery(this).after( '<span class="read-more-arrow"></span>' );
34		}
35	})
36
37	// Gallery Arrangement and Filtering
38
39	jQuery( '.gallery-filter-link' ).click( function() {
40		gallery_filter = jQuery( this ).parents( '.gallery-filter' );
41		gallery_filter.find( '.gallery-filter-link' ).removeClass( 'current' )
42		jQuery( this ).addClass( 'current' )
43		cat_id = jQuery( this ).attr( 'data-filter' )
44
45		var gallery = gallery_filter.next().find('.gallery')
46		gallery.isotope({ filter:  cat_id });
47		return false;
48	})
49
50	jQuery('.gallery').imagesLoaded( function() {
51		jQuery( '.gallery .loader' ).fadeOut( function() {
52			jQuery( '.gallery .inner' ).show();
53
54			jQuery( '.gallery' ).isotope({
55				itemSelector : '.gallery-item',
56				layoutMode: 'fitRows',
57			});
58		})
59	})
60
61	// Header Navigation
62
63	menu_width = jQuery( '#site-header .navigation-menu' ).width();
64	manu_position();
65
66	jQuery( '#site-header .navigation-select select' ).on( 'change', function() {
67		var url = jQuery( this ).val();
68		window.location = url;
69	})
70
71	var children;
72	jQuery.each( jQuery( '#site-header .navigation-menu > div > ul > li' ), function() {
73		children = jQuery(this).find('ul');
74		if( children.length > 0 ) {
75			children.before( '<span class="triangle-down"></span>' )
76		}
77	})
78
79	var parents;
80	jQuery.each( jQuery( '#site-header .navigation-menu > div > ul > li' ).filter( '.current_page_item, .current_page_parent, .current_page_ancestor, .current-menu-item, .current-menu-parent, .current-menu-ancestor' ), function() {
81			jQuery(this).append('<span class="triangle-up"></span>')
82	})
83
84
85	// Image Sliders
86
87	if( jQuery( jQuery('.imageslider').length > 0 )) {
88		jQuery.each( jQuery('.imageslider'), function( i ) {
89			jQuery(this).attr( 'id', 'imageslider-' + i )
90
91			animation = jQuery(this).attr('data-animation')
92			direction = jQuery(this).attr('data-direction')
93			slideshowSpeed = jQuery(this).attr('data-slideshow_speed')
94			animationSpeed = jQuery(this).attr('data-animation_speed')
95			pauseOnHover = jQuery(this).attr('data-pause_on_hover')
96			smoothHeight = jQuery(this).attr('data-smooth_height')
97
98			controlNav = true,
99			control = jQuery(this).attr('data-controls');
100			if( control == 'no' ) {
101				controlNav = false;
102			}
103
104			pauseOnHover = true;
105			if( pauseOnHover == 'no' ) {
106				pauseOnHover = false;
107			}
108
109			smoothHeight = false;
110			if( smoothHeight == 'yes' ) {
111				smoothHeight = true;
112			}
113
114
115
116
117			if ( jQuery('.imageslider').length - 1 == i ) {
118			jQuery( '#imageslider-' + i ).flexslider({
119				animation: animation,
120				direction : direction,
121				slideshowSpeed: slideshowSpeed,
122				animationSpeed : animationSpeed,
123				pauseOnHover: pauseOnHover,
124				controlNav: controlNav,
125				directionNav: false,
126				smoothHeight: smoothHeight,
127				start: function() {
128					jQuery( '.tab' ).hide()
129					jQuery( '.tabs .tab:first' ).show();
130				}
131			});
132			}
133			else {
134			jQuery( '#imageslider-' + i ).flexslider({
135				animation: animation,
136				direction : direction,
137				slideshowSpeed: slideshowSpeed,
138				animationSpeed : animationSpeed,
139				pauseOnHover: pauseOnHover,
140				controlNav: controlNav,
141				directionNav: false,
142				smoothHeight: smoothHeight,
143			});
144			}
145
146		})
147
148
149	}
150
151
152
153	// Toggle
154
155	jQuery( '.toggle-title' ).click( function() {
156		var toggle = jQuery( this ).parent()
157		var animation = toggle.attr('data-animation');
158		var animation_speed = toggle.attr( 'data-animation_speed' );
159
160		if( animation == 'slide' ) {
161			jQuery(this).next().slideToggle( animation_speed, function(){
162				if( toggle.hasClass( 'open' ) ) {
163					toggle.removeClass( 'open' ).addClass( 'closed' )
164				}
165				else {
166					toggle.addClass( 'open' ).removeClass( 'closed' )
167				}
168
169			} )
170		}
171		else {
172			jQuery(this).next().toggle()
173			if( toggle.hasClass( 'open' ) ) {
174				toggle.removeClass( 'open' ).addClass( 'closed' )
175			}
176			else {
177				toggle.addClass( 'open' ).removeClass( 'closed' )
178			}
179
180		}
181	})
182
183	// Tabs
184
185
186	jQuery( '.tabs nav li' ).click( function() {
187		var id = jQuery( this ).attr( 'data-tab' );
188		jQuery( this ).parent().find( 'li' ).removeClass( 'current' );
189		jQuery( this ).addClass( 'current' );
190
191		jQuery( this ).parents( '.tabs:first' ).find( '.tab' ).hide();
192		jQuery( this ).parents( '.tabs:first' ).find( '.tab[data-tab="' + id + '"]' ).show();
193
194	})
195
196	table_arrangements();
197	table_state();
198
199}

199)
200
201
202
203jQuery(window).smartresize( function(){
204
205
206	// Gallery Arrangement
207
208	jQuery( '.gallery' ).isotope({
209		itemSelector : '.gallery-item',
210		layoutMode: 'fitRows',
211	});
212
213	// Header Navigation
214	manu_position();
215
216	// Tables
217
218	table_state()
219
220});
221
222
223
224function collapse_tables() {
225	jQuery('.collapsedTable').show();
226	jQuery('.fullTable').hide();
227}
228
229function create_collapsed_tables() {
230	jQuery.each( jQuery('.fullTable'), function() {
231
232		table = jQuery(this);
233
234			new_table = {};
235			row = 0;
236			jQuery.each( table.find('tr'), function() {
237				column = 0;
238				jQuery.each( jQuery(this).children(), function() {
239					if( new_table[column] === null || typeof new_table[column] === 'undefined' || new_table[column] === ''  ) {
240					new_table[column] = {};
241
242					}
243					new_table[column][row] = jQuery(this);
244					column++;
245				})
246				row++;
247			})
248
249			new_table_element = '<table class="collapsedTable">';
250			jQuery.each( new_table, function() {
251				jQuery.each( this, function() {
252					new_table_element += '<tr><'+this[0].nodeName+'>' + this[0].innerHTML + '</'+this[0].nodeName+'></tr>';
253				})
254			})
255			new_table_element += '</table>';
256
257			new_table_element = jQuery( new_table_element );
258			table.after(new_table_element)
259	})
260}
261
262
263function manu_position() {
264	menu = jQuery( '#site-header .navigation-menu' );
265	collapse_at = menu.attr( 'data-collapse' );
266
267	var logo = jQuery( '#site-header .site-logo' );
268	var header = jQuery( '#site-header' );
269
270
271		if( jQuery(window).width() < collapse_at ) {
272//			menu.hide();
273			jQuery( '#site-header .navigation-select' ).show();
274		}
275		else {
276//			menu.show();
277			jQuery( '#site-header .navigation-select' ).hide();
278		}
279
280
281
282}