Help on Toggling a Footer Menu

Help on Toggling a Footer Menu

Hi everybody, new to jQuery here. I'm looking for some help. I'm trying to create a footer menu for my wordpress site that I'll use for mobile devices rather then our full footer. Basically the parents in my code are the headers of each set of child links that I'd like revealed once that parent is clicked. Problem is I don't know how to use jQuery to select those child sets of links that belong to each parent/header. So this causes the results to be various child links rather then the ones that belong to that header.

I could be approaching this wrong I'm not sure. I realize the html looks frightening but that's what wordpress outputs for me to work with so I just left it all in. Here is my code:


Thanks for the help or direction! If you don't understand my post above I'm pretty sure you will when you try my jsfiddle.