https://sichuangourmetbillerica.com/js/switcher.js

1/*==============================
2	STYLE SWITCHER SCRIPT INSTALLATION
3 ===============================*/
4 
5(function($) {
6	"use strict";
7
8	 var colorCss =  $("#colors");
9	 var color =  $(".color" );
10	 var color1 =  $(".color1" );
11	 var color2 =  $(".color2" );
12	 var color3 =  $(".color3" );
13	 var color4 =  $(".color4" );
14	 var color5 =  $(".color5" );
15	 var color6 =  $(".color6" );
16	 var color7 =  $(".color7" );
17	 var styleSwitcher =  $('#style-switcher');
18	 var styleSwitcherh2A = $('#style-switcher h2 a');
19	 var colorCssLiA = $('.colors li a');
20	 
21	color.click(function(){
22		colorCss.attr("href", "assets/css/color.css" );
23		return false;
24	});
25
26	color1.click(function(){
27		colorCss.attr("href", "assets/css/color1.css" );
28		return false;
29	});
30
31	color2.click(function(){
32		colorCss.attr("href", "assets/css/color2.css" );
33		return false;
34	});
35
36	color3.click(function(){
37		colorCss.attr("href", "assets/css/color3.css" );
38		return false;
39	});
40
41	color4.click(function(){
42		$("#colors").attr("href", "assets/css/color4.css" );
43		return false;
44	});
45
46	color5.click(function(){
47		colorCss.attr("href", "assets/css/color5.css" );
48		return false;
49	});
50
51	color6.click(function(){
52		colorCss.attr("href", "assets/css/color6.css" );
53		return false;
54	});
55
56	color7.click(function(){
57		colorCss.attr("href", "assets/css/color7.css" );
58		return false;
59	});
60	
61	// Style Switcher	
62	styleSwitcher.animate({
63		left: '-220px'
64	});
65
66	styleSwitcherh2A.click(function(e){
67		e.preventDefault();
68		var div = $('#style-switcher');
69		
70		console.log(div.css('left'));
71		if (div.css('left') === '-220px') {
72			styleSwitcher.animate({
73				left: '0px'
74			}); 
75		} else {
76			styleSwitcher.animate({
77				left: '-220px'
78			});
79		}
80	});
81
82	colorCssLiA.click(function(e){
83		e.preventDefault();
84		$(this).parent().parent().find('a').removeClass('active');
85		$(this).addClass('active');
86	});
87	
88    
89})(jQuery);
90