menu.html 2.5 KB
<div class="vernav2 iconmenu">
	<ul>
		<li ng-repeat="menu in menus" on-click-menu>
			<a rhref="{{menu.parent.resourceUrl}}" class="{{menu.parent.iconImg}}">{{menu.parent.name}}</a>
			<span class="arrow"></span>
			<ul id="{{menu.parent.target}}" ng-if="$index == 0" style="display: block;">
				<li ng-repeat="childMenu in menu.childs"><a href="{{childMenu.target}}" >{{childMenu.name}}</a></li>
			</ul>
			<ul id="{{menu.parent.target}}" ng-if="$index != 0">
				<li ng-repeat="childMenu in menu.childs"><a href="{{childMenu.target}}" name ="element" onclick="overstriking(this)">{{childMenu.name}}</a></li>
			</ul>
		</li>
	</ul>
	<a class="togglemenu"></a> <br />
	<br />
</div>
<!--leftmenu-->

<script>
	function overstriking(e){
        $("a[name= 'element']").each(function(){
            $(this).attr("style","");
        });
	    $(e).attr("style","font-weight:bold;color:black");
	}

	$(function(){
		jQuery('.togglemenu').click(function(){
            if(!jQuery(this).hasClass('togglemenu_collapsed')) {
				//if(jQuery('.iconmenu').hasClass('vernav')) {
				if(jQuery('.vernav').length > 0) {
					if(jQuery('.vernav').hasClass('iconmenu')) {
						jQuery('body').addClass('withmenucoll');
						jQuery('.iconmenu').addClass('menucoll');
					} else {
						jQuery('body').addClass('withmenucoll');
						jQuery('.vernav').addClass('menucoll').find('ul').hide();
					}
				} else if(jQuery('.vernav2').length > 0) {
				//} else {
					jQuery('body').addClass('withmenucoll2');
					jQuery('.iconmenu').addClass('menucoll2');
				}
				
				jQuery(this).addClass('togglemenu_collapsed');
				
				jQuery('.iconmenu > ul > li > a').each(function(){
					var label = jQuery(this).text();
					jQuery('<li><span>'+label+'</span></li>')
						.insertBefore(jQuery(this).parent().find('ul li:first-child'));
				});
			} else {
                //if(jQuery('.iconmenu').hasClass('vernav')) {
				if(jQuery('.vernav').length > 0) {
					if(jQuery('.vernav').hasClass('iconmenu')) {
						jQuery('body').removeClass('withmenucoll');
						jQuery('.iconmenu').removeClass('menucoll');
					} else {
						jQuery('body').removeClass('withmenucoll');
						jQuery('.vernav').removeClass('menucoll').find('ul').show();
					}
				} else if(jQuery('.vernav2').length > 0) {	
				//} else {
					jQuery('body').removeClass('withmenucoll2');
					jQuery('.iconmenu').removeClass('menucoll2');
				}
				jQuery(this).removeClass('togglemenu_collapsed');	
				
				jQuery('.iconmenu ul ul li:first-child').remove();
			}
		});
	})
</script>