Expand list when mouse click on list

by

You can use jQuery and apply a click event to the top-level li.
Something like:

$('.top-level').on ('click', function (){
 $('.top-level > li').css ('display', 'block');
});

I am not entirely sure of what your HTML looks like, but this is the general idea.
You will also need to come up with a function to close the menu.
There are plenty of resources on the internet for examples and tutorials on writing jQuery.

More Related Contents:

  1. How to make two divs top and bottom
  2. Can I add a hyperlink using pure CSS?
  3. How can i achieve this style in Html/Css?
  4. How can I select the last element with a specific class, not last child inside of parent?
  5. Responsively change div size keeping aspect ratio [duplicate]
  6. Flexbox fill available space vertically
  7. 100% Min Height CSS layout
  8. Rendering problems using flexbox in Firefox and Chrome 48 [duplicate]
  9. Equal space between flex items
  10. How to get a child element to show behind (lower z-index) than its parent?
  11. Remove outline from select box in FF
  12. How to wrap text of HTML button with fixed width?
  13. Image width/height as an attribute or in CSS? [duplicate]
  14. Why is nth-child selector not working?
  15. What’s default HTML/CSS link color?
  16. masking image with CSS
  17. CSS: stretching background image to 100% width and height of screen?
  18. Can overflow:hidden affect layout?
  19. How to insert spaces/tabs in text using HTML/CSS
  20. How to Animate Gradients using CSS
  21. How do I create a teardrop in HTML?
  22. How do I remove background-image in css?
  23. Google Web Fonts and PDF generation from HTML with wkhtmltopdf
  24. How can I increase a scrollbar’s width using CSS?
  25. Height is not correct in flexbox items in Chrome [duplicate]
  26. How to use bootstrap-theme.css with bootstrap 3?
  27. Can a recursive variable be expressed in css?
  28. Image behavior within flexbox (rows embedded in columns)
  29. Prevent an element from covering another [closed]
  30. What’s the difference between the HTML width / height attribute and the CSS width / height property on the img element?

Leave a Comment