Dynamic nested tabs

Dynamic nested tabs

hi all ! Im trying to create dynamic nested tabs, but Im cant find the way to create them correctly. The problem is that I have 2 loops that run inside eachother.
 
Im trying to do something like:
 
  1.  <div id="tabs">
         
           <ul>
              <c:forEach var="ano" items="${requestScope.anos}"> 
            
             <li><a href="#${ano}"><span>${ano}</span></a></li>
                     
             <c:set var="msg" value="meses_"/>
             <c:set var="msg2" value="${msg}${ano}"/>
             <c:set var="mes_f" value=""/>
            
            
           <div id="tabs"> 
          
             <ul>
        <c:forEach var="mes" items="${requestScope[msg2]}"> 
             <li><a href="#${mes}"><span>${mes}</span></a></li>
             </c:forEach>
             </ul>
            
            </div>
            
               </c:forEach>
              </ul>






















  2.  <div id="${mes}">
  3.    </div>
  4. <!-- CODE GOES HERE -->
  5.    </div>
 
Any help is appreciated.

Thanks!