Instead of list in sidemenu panel, want html page in the sidemenu panel


#1

Hello,
I am really a newbie for this Ionic world.
I am building an app with tabs and side icons on the ion-nav-bar.

Once I tap the left arrow icon, ‘leftmenu.html’ should show up with animation ‘slide-left-right’, but it is not consistent. Sometimes, there is no animation and sometimes it animates ‘slide-right-left’.

Likewise, once I tap the right arrow icon, ‘rightmenu.html’ should show up with animation ‘slide-right-left’, but it is not also consistent.

Also, I need to keep the tabs with the ‘leftmenu.html’ and ‘rightmenu.html’.
The tab disappears once I tap either the left arrow or the right arrow.

But most of all, ‘tab-one.html’ and ‘tab-two.html’ does not show up once I tap any tab menu.
Also, once I tap the arrow icon, none of tab menu should be deactivated.

Anybody help me plz! I have been working on this for a quite long time.
Here is codepen url: http://codepen.io/jessedyjung310/pen/PPWNxG

Thank you!