Close

accordion menu with colour transformation

This is an example of a responsive display of menu items. This can be used for small devices as it displays the prominent color change once selected. There is a toggle button displaying the active state of each list item. This looks like an accordion but it is just the ordered list with the styling for each list. Once the menu item is clicked the javascript is used to open the item and close the rest of the items. This can be used when the list items are small in number. Transitioning of the opening of the menu items and closing is done smoothly; this is done using the CSS styles, also not the rotation of the icon to the left. You can use this type of menu item list to enhance the style of your website.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.