For web menus, although the horizontal main menu we use most is the horizontal main menu, but in the background of the system, the accordion drop-down menu is still very widely used. What I want to share this time is an accordion menu based on CSS and JavaScript, and this menu also has a beautiful little icon on the left side.
This time I want to share a vertical accordion menu with a dark background based on CSS3. The implementation principle is similar to the previous one, but the menu display form is slightly different. When the accordion menu is expanded, the sub-menu will have a horizontal fly-in animation. effect.
This time we continue to bring you a CSS3-based vertical accordion menu. In addition to the automatic folding of menu items like other accordion menus, it also has a feature that it has a smooth fade-in and fade-out effect during folding and unfolding.