Currently when a use clicks on a h1 the slide down happens. If you click on another, first item clicked will stay open. I am trying to get the first item to slide up upon clicking on another so there is only one slide down function open at a time.
Also having another issue where the there is supposed to be a fade-in-out upon hover over which is not working.. not a big deal though.
@wragen22 To have only one `article` shown at a time, you need to close all the other `articles` before opening the one the user clicked on. Here’s an example to help you: http://codepen.io/srig99/full/ajqlp. Also, I don’t quite understand your second question.
> Also having another issue where the there is supposed to be a fade-in-out upon hover over which is not working.. not a big deal though.
Can you tell us on which element this effect is supposed to happen on? Can you provide more information about it?
@wragen22 Sorry for the late reply. I tried searching the transition that you provided but it is non-existent (atleast for the `h1’s`). However, I did find them in the following selector: `.main-nav a:hover`. I added comments to the code I originally posted: http://codepen.io/srig99/pen/ajqlp. Basically, I hide all the other `button` and `p` elements before opening the ones that are the children of the currently selected `h1`.