Ajax-loader-large-white
Interactive Website: Push Menu
Preview

We are going to use jQuery to create a menu that slides out from the left side.

  • The file index.html contains the page structure and content.
  • The file style.css has the styling for the page.
  • The file app.js has JavaScript and jQuery code. This code makes the menu interactive.
Instructions
  1. Click on the menu icon. The menu displays by pushing the page's body over to the right.
  2. Then click on the X icon. The menu closes by pulling the body back to where it was.
  3. Click Save & Submit Code to get started!
app.js
index.html
style.css
project
View Preview