Custom Multilevel Accordion

I am working with a tool that auto-generates a table of contents that is just a hierarchical ul list. The client doesn't like how the flat list works, so I need someone to turn it into a vertical collapsible/expandable accordion list. I have tried this myself, but all of the tutorials I see involve editing the HTML and that is not possible here. Let me just stress that - I need css and jquery that can be applied to the list as it currently is, nothing can be added to the list as it gets rebuilt and overwritten with each update. My budget is max $10 and time within 2-3 hrs, Here is some example code from the list: <ul class="menu _Skins_SideMenu"> <li><a href="#" class="selected">Welcome to the Call Handler's Guide</a> </li> <li><a href="Working with Adastra and Call [login to view URL]">Working with Adastra and Call Craft</a> </li> <li><a href="Start of Shift [login to view URL]">Start of Shift Instructions</a> </li> <li class="has-children"><a href="Receive and Process a [login to view URL]">Receive and Process a Call</a> <ul class="sub-menu"> <li><a href="[login to view URL]">What Happens When a Call Comes In?</a> </li> <li><a href="[login to view URL]">Who Calls?</a> </li> <li class="has-children"><a href="Medical Calls from Patients in the EBPCOOH Coverage [login to view URL]">Medical Calls - Coverage Area</a> <ul class="sub-menu"> <li><a href="[login to view URL]">Record the Patient's Details</a> </li> <li class="has-children"><a href="#">Assess the Urgency of the Call</a> <ul class="sub-menu"> <li><a href="[login to view URL]">Emergency Call, Urgent Call, or Routine Call?</a> </li> <li><a href="[login to view URL]">Interpreting Chest Pain</a> </li> <li><a href="[login to view URL]">Interpreting Asthma Symptoms</a> </li> <li><a href="[login to view URL]">Interpreting Breathing Difficulty</a> </li> <li><a href="[login to view URL]">Meningitis and Worried Parents</a> </li> </ul>