We give below codes for creating Show Hide Toggle Buttons for AMP ( Accelerated Mobile Page ) to Show and Hide Menu and to Show and Hide multiple content items on same AMP Page. The code uses only 'AMP Bind script and CSS' only. No images are used for creating the switches. The code may be freely used / amended for creating nice looking switches on valid AMP pages.
You may replace Up / Down triangles with any other text in the CSS code.
The AMP buttons / switches shown below work only on AMP pages. These buttons / switches do not work on Non-AMP pages. You can see the working demo of these buttons / switches by visiting the valid AMP version of this page.
This code enable you to create as many 'Show Hide Buttons' on AMP pages as you like with minimal code. Please note that the buttons with this code will work only on AMP pages. The CSS and other code for the 'Show Hide Button for Page Content' is as given below: