Step 1 – HTML Markup of Accordion Menu The HTML is the same as the CSS3 version, a nested unordered list that will contain all of our links. We have added a class to each one to be able to add the images and the id is needed for the CSS3 only version. We will keep the CSS3 only version working so if the JavaScript will be disabled on the client browser it will continue working with just CSS. <ul c
![How to Create Accordion Menu (CSS3+jQuery) - Designmodo](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd2c330743e0a31e47ec514cabbc80d96312a1c4/height=288;version=1;width=512/https%3A%2F%2Fdesignmodo.com%2Fwp-content%2Fuploads%2F2012%2F02%2FAccordion-Menu-jQuery-Version-78253-preview.jpg)