how to show dynamic menus list as accordian menu

Hi every one i have a small problem regarding accordian menu ,below jsp code will display menus in my page,when i click on the menus it will redirect to submenus which are in main menu,but now i have to show as accordian menu,i don't have idea in javascript,can anybod please help me how to do this as accordian menus
<c:forEach items="${command.List}" var="Menu">
                                                    <c:url value="/menuSelect?itemId=${Menu.menuId}" var="linkURL"/>
                                                   
                                                    <c:set var="finalImageName" value="$Menu.imageName}"></c:set>
                                                   
                                                   
                                                        <c:if test="${empty finalImageName}">
                                                        <c:set var="finalImageName" value="noImageSmall"></c:set>
                                                        </c:if>
                                                        
                                                   
                                                   
                                               
                                                    <a href='<c:out value="${linkURL}"/>'>
                                                        <img src="<%=request.getContextPath()%>/images/${finalImageName}.png"
                                                            class="ui-li-icon">${Menu.displayName}</a>
                                                            </a>
                                                   
                                                   
</c:forEach>


thanks in advance.