CSE-Kids

Last time, I’ve shown how to create  accordion using jquery . But, In this post I’ll show you how can you create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when mouse is moved over it. Live Demo of accordion menu using jQuery HTML structure for accordion menu using jQuery <div id = "firstpane" class = "menu_list" >   <p class = "menu_head" > Header-1 </p>     <div class = "menu_body" >         <a href = "#" > Link-1 </a>     </div>   <p class = "menu_head" > Header-2 </p>     <div class = "menu_body" >         <a href = "#" > Link-1 </a>     </div>   <p class = "menu_head" > Header-3 </p>     <div class = "menu_body" &