CSSPLAY

CSS MENUS › CSS ONLY Click action Tree Menu

Date : 27th June 2012

For all modern browsers

This demo is too wide for your mobile screen.
Please view on a tablet or PC.

• Link_1
• Expandable_1
  • Link_2
  • Expandable_2
    • Link_3
    • Expandable_3
      • Link_4
      • Expandable_4
        • Link_5
        • Link_6
        • Link_7
      • Expandable_5
        • Link_8
        • Link_9
        • Link_10
      • Link_11
      • Expandable_6
        • Link_12
        • Link_13
        • Link_14
    • Expandable_7
      • Link_15
      • Expandable_8
        • Link_16
        • Expandable_9
          • Link_17
          • Link_18
          • Link_19
          • Link_20
          • Link_21
        • Link_22
      • Link_23
      • Link_24
      • Link_25
      • Link_26
• Link_27
• Expandable_10
  • Link_28
  • Expandable_11
    • Link_29
    • Expandable_12
      • Link_30
      • Expandable_13
        • Link_31
        • Link_32
        • Link_33
      • Link_34
• Link_35

Information

Suitable for IE9+, Firefox, Safari, Chrome, Opera, iPad, iPhone and iPod Touch.

A simple CSS ONLY tree menu to rival those using javascript.

This one has all the list items as links so I have made it so that clicking the folder icon will expand/contract the sub level. An expanded sub level will stay expanded until you contract it again by re-clicking the folder icon.

This menu is offered as a free download by clicking this link TREE MENU DOWNLOAD

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.