Adding the Weekly Minutes (Part 2)

After creating the basic layout of the weekly minutes section, I added it to the website and added a layer of Javascript to make it more interactive. Using the font-awesome CSS, I added a few symbols so that users wouldn’t be lost when navigating through the website. The javascript I added specifically targeted these symbols.

Javascript Code

Effectively, what these lines of code would do is that they would is that they would hide the menu. When the “X” button is pressed, the class “hide_menu” would be added and the div would apply a negative margin of 250px, which would shift the div to the right effectively hiding it. The reverse would happen when the class is removed.