« »

This vertical navigation menu is a stylish collapsible menu modelled after the navigational menu found on Slashdot. Session-only cookies are used to store the state of menu (whether it's expanded or not). Cool css navigation menu design!

New updates: you can now add a expand / contract all links on the navigation, to allow your visitors to easily toggle the visibility of all submenus. Furthermore, you can specify all submenus should be contracted by default for first loads (see top of "menu.js").

Label: Slashdot, navigation menu, navigation, collapsible menu, collapsible, cookie, state, submenu, expand, contract, load, onLoad, menu vertical, menu design

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
Files
CSS
JavaScript
HTML
Print

Copy All x2

<link rel="stylesheet" type="text/css" href="menu.css" />

Copy All x2

<script type="text/javascript" src="menu.js"></script>

Copy All x2

<p><a href="javascript:slash_expandall()">Expand</a>/
<a href="javascript:slash_contractall()">Contract</a></p>

    <div class="sdmenu">

      <span class="title" id="top"><img src="expanded.gif" class="arrow" alt="-" />Online 
		Tools</span>
      <div class="submenu">
        <a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
        <a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
        <a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
        <a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>

        <a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
        <a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
      </div>
      <span class="title"><img src="expanded.gif" class="arrow" alt="-" />Support 
		Us</span>
      <div class="submenu">
        <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
        <a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>

        <a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
      </div>
      <span class="title"><img src="expanded.gif" class="arrow" alt="-" />Partners</span>
      <div class="submenu">
        <a href="http://www.javascriptkit.com">JavaScript Kit</a>
        <a href="http://www.cssdrive.com">CSS Drive</a>
        <a href="http://www.codingforums.com">CodingForums</a>

        <a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
      </div>
    </div>

<p>Some text</p>

Comment (11)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (2)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
DimX [more]
15,739
11
6
2
0.22 KBytes

JavaScript Slashdot Navigation Menu - Language: English

4.2/5 6 votes / 15,739 previews / 11 comment 30/01/2007 This vertical navigation menu is a stylish collapsible menu modelled after the navigational menu found on ...JavaScript Slashdot Navigation Menu - Slashdot Navigation Menu - Language: English

Let's be first member to do this

vuphuonganh ibm99 girlxinh_bvh thaonguyen_36 crazy0910 ttv1 smummert cauam6789 babyplm huynhsp2

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Slashdot Navigation Menu

Label: Slashdot, navigation menu, navigation, collapsible menu, collapsible, cookie, state, submenu, expand, contract, load, onLoad, menu vertical, menu design (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: Slashdot, navigation menu, navigation, collapsible menu, collapsible, cookie, state, submenu, expand, contract, load, onLoad, menu vertical, menu design