Merge pull request #5 from CodeHimBlog/CodeHimBlog-patch-2-3

Update demo-only.js

Author: CodeHimBlog

docs/demo-only.js

@@ -1,36 +1,48 @@
-/*  Author: Asif Mughal
+/*!  Author: Asif Mughal
  *   URL: https://www.codehim.com
  *   License: MIT License
- *   Copyright (c) 2018 - Asif Mughal
+ *   Copyright (c) 2018 - 2019 - Asif Mughal
  */
-/* File: demo-only.js */
-$(function(){
-/* Demo only */
-var jSide = $(".menu-container, .menu-head, .menubar");
-$(".menu-position").on('change', function(){ $(jSide).not(".menubar").addClass($(this).val()); 
-$(".j-pos").html('jSidePosition: "position-right",');
-if($(this).val() == 'position-left'){
-$(jSide).removeClass("position-right");
-$(".j-pos").html('jSidePosition: "position-left",');
-$(".menu-trigger").removeClass("right").addClass("left");} else {
-$(jSide).removeClass("position-left"); $(".menu-trigger").removeClass("left").addClass("right");}});
-$(".bg-color").on('change', function(){var color = $(this).val();
-$(jSide).css({'background' : color,});
-$(".bg-color-input").val(color);});
-$(".bg-color-input").on('input', function(){
-$(jSide).css({'background' : $(this).val(),});});$("#set-top").change(function(){
-$(".menubar").addClass("sticky");
-$(".j-sticky").html("jSideSticky: true,");
+$(function () {
+	var a = $(".menu-container, .menu-head, .menubar");
+	$(".menu-position").on("change", function () {
+		$(a).not(".menubar").addClass($(this).val());
+		$(".j-pos").html('jSidePosition: "position-right",');
+		if ($(this).val() == "position-left") {
+			$(a).removeClass("position-right");
+			$(".j-pos").html('jSidePosition: "position-left",');
+			$(".menu-trigger").removeClass("right").addClass("left")
+		} else {
+			$(a).removeClass("position-left");
+			$(".menu-trigger").removeClass("left").addClass("right")
+		}
+	});
+	$(".bg-color").on("change", function () {
+		var b = $(this).val();
+		$(a).css({
+			background: b,
+		});
+		$(".bg-color-input").val(b)
+	});
+	$(".bg-color-input").on("input", function () {
+		$(a).css({
+			background: $(this).val(),
+		})
+	});
+	$("#set-top").change(function () {
+		$(".menubar").addClass("sticky");
+		$(".j-sticky").html("jSideSticky: true,")
+	});
+	$("#set-st").change(function () {
+		$(".menubar").removeClass("sticky");
+		$(".j-sticky").html("jSideSticky: false,")
+	});
+	$(".theme-tray span").click(function () {
+		var c = $(this).attr("class");
+		$(".menubar").attr("class", c).addClass("menubar sticky");
+		$(".menu-container").attr("class", c).addClass("menu-container position-left");
+		$(".menu-head").attr("class", c).addClass("menu-head position-left");
+		var b = 'jSideSkin:"' + c + '",';
+		$(".j-skin").html(b)
+	})
 });
-$("#set-st").change(function(){
-$(".menubar").removeClass("sticky");
-$(".j-sticky").html("jSideSticky: false,");});
-$(".theme-tray span").click(function() {
-var skin = $(this).attr("class");
-$(".menubar").attr('class', skin).addClass("menubar sticky");
-$(".menu-container").attr('class', skin).addClass("menu-container position-left");
-$(".menu-head").attr('class', skin).addClass("menu-head position-left");
-var newcode = 'jSideSkin:'+'\"'+skin+'\",';
-$(".j-skin").html(newcode);
-});
-});