To begin inserting the scripts I navigated to the settings area of the dashboard and clicked on the new plugin area that was added.
Here I inserted my script sources into the header. This included links to the jQuery library and angularJS framework.
Here is an example of the paragraphs sliding down. The images shows the text as it is in the middle of being revealed by the slide down animation.
This picture shows how the images fade in. As you can see the opacity of the image is not at 100% as it is currently fading in.
I then went on to implement a script from the angularJS framework. It gives me the ability to show extra information when a button is clicked.
However, before it would work I needed to add the information for the div it would reveal.
Below is an example of this in action. When the user clicks the “Track Info” button they are presented with information about the tracks. They can also click it again to hide the text.