update

Author: accgit

css/style.menu.css

@@ -84,16 +84,31 @@
 }
 
 .sidebar ul.menu li ul li.parent a.employ:before {
-    content: "\f106";
     float: right;
     font-family: "FontAwesome";
     margin: 0 3px 0 0;
 }
 
-.sidebar ul.menu li ul li.parent a.employ.active:before {
+.sidebar ul.menu li ul li.parent a.employ.up:before {
+    content: "\f106";
+}
+
+.sidebar ul.menu li ul li.parent a.employ.down:before {
     content: "\f107";
 }
 
+.sidebar ul.menu li ul li.parent a.employ.transition:before {
+    transition: .3s all;
+}
+
+.sidebar ul.menu li ul li.parent a.employ.rotate:before {
+    transform: rotate(-180deg);
+}
+
+.sidebar ul.menu li ul li.parent a.employ.rotate.active:before {
+    transform: rotate(180deg);
+}
+
 /* perfect scrollbar
    ========================================================================== */
 .scrollbar {

css/style.menu.dark.css

@@ -58,7 +58,7 @@
 }
 
 .sidebar ul.menu li ul li ul {
-    border-left: 1px solid #363c49;
+    border-left: 2px solid #363c49;
 }
 
 /* notice

css/style.menu.light.css

@@ -58,7 +58,7 @@
 }
 
 .sidebar ul.menu li ul li ul {
-    border-left: 1px solid #ebebeb;
+    border-left: 2px solid #ebebeb;
 }
 
 /* notice

js/responsive.menu.js

@@ -9,19 +9,26 @@
 		$('.nav .responsive').toggleClass('expandable');
 	});
 
-	// responsive menu
+	// init menu
 	$('ul.menu li').each(function() {
+		$(this).parent().find('li.parent a.employ').addClass('up');
 		if ($(this).children('li.parent a.current').length > 0 ) {
 			$(this).parent().find('ul.submenu').toggle();
-			$(this).parent().find('li.parent a.employ').addClass('active');
+			$(this).parent().find('li.parent a.employ').addClass('active down');
 		}
 	});
 
-	// responsive active menu
+	// active menu
 	$('ul.menu li a').on('click', function() {
 		$(this).parent('li.parent').find('a.employ').toggleClass('active');
 		$(this).parent().find('ul.submenu').slideToggle('fast');
 		$(this).parent().find('ul.submenu ul.submenu').toggle();
 	});
 
+	// click transition
+	$('a.employ').on('click', function() {
+		$(this).addClass('transition');
+		$(this).toggleClass('rotate');
+	});
+
 }(jQuery));

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-responsive-menu",
-	"version": "3.1.5",
+	"version": "3.1.6",
 	"description": "Simple responsive menu.",
 	"main": "css/style.menu.css",
 	"repository": {