diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.html b/src/app/_modules/pages/menu/item/pages-menu-item.component.html
index c30c1d9..c5b109f 100644
--- a/src/app/_modules/pages/menu/item/pages-menu-item.component.html
+++ b/src/app/_modules/pages/menu/item/pages-menu-item.component.html
@@ -1,7 +1,7 @@
-<div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="showChildren=!showChildren"></div>
+<div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="toggle()"></div>
 
-<a [routerLink]="link" routerLinkActive="active" (click)="select(item)"
-[ngClass]="{'current-item':item.link==currentURL,'parent-item':parentItem}"><span>{{item.name}}</span></a>
+<a [routerLink]="link" routerLinkActive="active" (click)="click()"
+[ngClass]="cssClass"><span>{{item.name}}</span></a>
 
 <pages-menu *ngIf="children?.length" [items]="children"  
-(onSelected)="select($event)" [ngClass]="{'hide-children':!showChildren,'current-item':item.link==currentURL,'parent-item':parentItem}"></pages-menu>
+(onSelected)="select($event)" [ngClass]="cssClass"></pages-menu>
diff --git a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
index 9511909..b668601 100644
--- a/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
+++ b/src/app/_modules/pages/menu/item/pages-menu-item.component.ts
@@ -37,8 +37,26 @@ export class PagesMenuItemComponent {
     this.showChildren = this.parentItem;
   }
 
+  toggle(){
+    this.showChildren=!this.showChildren
+  }
+
+  click(){
+    if (this.link) {
+      this.select(this.item)      
+    }else{
+      this.toggle()
+    }
+  }
+
   select(item:any){
     this.onSelected.emit(item);
   }
+  get cssClass(){
+    return {
+      'hide-children':!this.showChildren,
+      'current-item':this.item.link==this.currentURL,
+      'parent-item':this.parentItem    }
+  }
 
 }