diff --git a/test/html/sideMenu.html b/test/html/sideMenu.html
index 8ea4665c734..8a10e3151d5 100644
--- a/test/html/sideMenu.html
+++ b/test/html/sideMenu.html
@@ -15,9 +15,9 @@
 
         <ion-side-menu-content edge-drag-threshold="true" drag-content="!$root.disableDrag">
           <header class="bar bar-header bar-positive">
-            <button class="button button-icon ion-navicon" ng-click="toggleLeft()" ng-hide="$exposeAside.active"></button>
+            <button class="button button-icon ion-navicon" menu-toggle="left" ng-hide="$exposeAside.active"></button>
             <h1 class="title">Slide me</h1>
-            <button class="button button-icon ion-navicon" ng-click="toggleRight()"></button>
+            <button class="button button-icon ion-navicon" menu-toggle="right"></button>
           </header>
           <ion-content class="has-header">
             <ion-toggle ng-model="$root.disableDrag">Disable Drag Content?</ion-toggle>
@@ -67,9 +67,6 @@ <h1 class="title">Right</h1>
 
       .controller('MenuCtrl', function($scope, $ionicSideMenuDelegate) {
 
-        $scope.toggleLeft = $ionicSideMenuDelegate.toggleLeft;
-        $scope.toggleRight = $ionicSideMenuDelegate.toggleRight;
-
         $scope.list = [];
         for(var i = 0; i < 20; i++) {
           $scope.list.push({