New styles for main nav

admin/javascript/src/LeftAndMain.Menu.js

@@ -208,6 +208,14 @@ $.entwine('ss', function($){
 				// Trigger synthetic resize event. Avoid native window.resize event
 				// since it causes other behaviour which should be reserved for actual window dimension changes.
 				$('.cms-container').trigger('windowresize');
+
+				//If panel is closing
+				if (this.hasClass('collapsed')) this.find('li.children.opened').removeClass('opened');
+
+				//If panel is opening
+				if(!this.hasClass('collapsed')) {
+					$('.toggle-children.opened').closest('li').addClass('opened');
+				}
 			}
 		},
 
@@ -234,8 +242,40 @@ $.entwine('ss', function($){
 
 			if (fly.children('ul').first().hasClass('collapsed-flyout')) {
 				if (bool) { //expand
+					// create the clone of the list item to be displayed
+					// over the existing one
+					if (
+						!fly.children('ul')
+							.first()
+							.children('li')
+							.first()
+							.hasClass('clone')
+					) {
+
+						var li = fly.clone();
+						li.addClass('clone').css({
+
+						});
+
+						li.children('ul').first().remove();
+
+						li.find('span').not('.text').remove();
+
+						li.find('a').first().unbind('click');
+
+						fly.children('ul').prepend(li);
+					}
+
+					$('.collapsed-flyout').show();
+					fly.addClass('opened');
 					fly.children('ul').find('li').fadeIn('fast');
 				} else {    //collapse
+					if(li) {
+						li.remove();
+					}
+					$('.collapsed-flyout').hide();
+					fly.removeClass('opened');
+					fly.find('toggle-children').removeClass('opened');
 					fly.children('ul').find('li').hide();
 				}
 			}
@@ -246,8 +286,8 @@ $.entwine('ss', function($){
 
 	$('.cms-menu-list .toggle').entwine({
 		onclick: function(e) {
-			this.getMenuItem().toggle();
 			e.preventDefault();
+			$(this).toogleFlyout(true);
 		}
 	});
 
@@ -271,6 +311,9 @@ $.entwine('ss', function($){
 		open: function() {
 			var parent = this.getMenuItem();
 			if(parent) parent.open();
+			if( this.find('li.clone') ) {
+				this.find('li.clone').remove();
+			}
 			this.addClass('opened').find('ul').show();
 			this.find('.toggle-children').addClass('opened');
 		},