https://www.semex.com/proof2016/js/style-switcher/styleselector.js

1(function($) {
2 "use strict";
3
4$(document).ready(function($) {
5
6	$('body').addClass('bg-cover');
7
8	// Style Selector	
9	$('#style-selector').animate({
10		left: '-224px'
11	});
12
13	$('#style-selector a.close').click(function(e){
14		e.preventDefault();
15		var div = $('#style-selector');
16		if (div.css('left') === '-224px') {
17			$('#style-selector').animate({
18				left: '0'
19			});
20			$(this).removeClass('icon-chevron-left');
21			$(this).addClass('icon-chevron-right');
22		} else {
23			$('#style-selector').animate({
24				left: '-224px'
25			});
26			$(this).removeClass('icon-chevron-right');
27			$(this).addClass('icon-chevron-left');
28		}
29	})
30
31
32	
33
34});
35
36})(jQuery);