Floating Collapsible Menu - II

On the left of this page in yellow with black border is the floating collapsible menu. The menu will always hover in the same place on the page even when you scroll down the page. In addition to this the menu has collapsible links. Clicking on those links with the + symbol in front would open a hidden bunch of links. Such hidden links are mostly related to the main link which opens them. You can add any number of collapsible links or ordinary links to the menu. You can also add unlimited nested sub-links as shown in the example. You can also completely change the appearance of the menu to best suit your needs. The placement of the menu from the top of the page can be adjusted by the users. Additionally if you click a main link it would close other open links related to any other main link while opening its own hidden links. This is applicable to the sub-links under each main link as well. You can completely change the appearance of the menu to best suit your needs.

Users could also provide a space on the left of their web pages to accommodate the floating menu as shown in this example. This would prevent the menu from obscuring any content on the webpage.

Note: This script does not work with older browsers like Netscape v4.x but degrades very well.

Author: Sandeep Gangadharan
Home Page: http://www.sivamdesign.com/home/

The script is given below: