Mobile Navigation Dropdown
Currently, I'm working on a mobile navigation. here is what I have so far: http://jsfiddle.net/JeremyEnglert/9cK3X/2/
As you can see, the parent links are highlighted in blue while the child links are highlighted in grey.
I would like to make it so only the parent links show until a parent link is clicked - in which case the child elements will then show. However, I would like the child elements to show without the page having to reload.
I'm assuming I will have to use some jQuery to make this happen - which I have very little experience with.
Anyone want to get me pointed in the right direction?