I have an application which generates a navigation menu as table. I cannot change the format of the generated table and I cannot add classes or anything else to the navigation table.

I made an Example of the table structure, generated by the application:

```
    <table class="APPLIST">
     <tr >
      <td class="APPNAME">Appname 1</td>
     </tr>
     <tr>
      <td class="EP">Element</td>
     </tr>
     <tr >
      <td class="EP">Element</td>
     </tr>
     <tr >
      <td class="APPNAME">Appname 2</td>
     </tr>
     <tr >
      <td class="EP">Element</td>
     </tr>
     <tr >
      <td class="EP">Element</td>
     </tr>
     <tr >
      <td class="EP">Element</td>
     </tr>
    </table>

```

The goal ist to get an accordion navigation out of this sample maybe by using jQuery or just Javascript.

I searched the web for an solution. I found a lot of example but nothing worked out with Table-Data. Basically, it should do something like [this](http://jsfiddle.net/z6rueLuL/)

Anyone any idea? help?