Vertical Collapsible Menu Using Jquery by Deluxe-Menu.com
Vertical Collapsible Menu Using Jquery

Menu Screenshots

Vertical Collapsible Menu Using Jquery Expandable Menus Example

Features

Cost Effective
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Dhtml Menu Sliding Vertical Collapsible Menu Using Jquery
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Will tab titles ever automatically wrap?

Is there a way to force a wrap of a tab title in a tab menu java?


A: No, unfortunately, tab menu cannot wrap item text automatically.
But you can use
tag within item text, for example

  var bmenuItems = [

["Item 1 text <br> text text text <br> text text text ","", "", "", "", "", "", "", "", ],
["Item 2","", "", "", "", "", "", "", "", ],
["Item 3","", "", "", "", "", "", "", "", ],

];


Q: I have problems with the incorrect copyright in IE7 – I have tried to change as described on your FAQ but it doesn¦t seem to work.


A: Scott, now you're using dmenu.js file v1.14 and data.js file of Deluxe Menu v2.0.
Please, replace dmenu.js file with the licensed one v2.0.

Please, place all this files in the folder where your menu iscreated in.


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

For anyone else with the same problem, google jquery, go to their site, .... I have my menu now aligned to the right but now the vertical accordion motion .... I figured it out using this thread but in the processes decided I like it

Форум по WordPress / выпадающее меню wp_list_pages

CSS dropdown menu with Wordpress (css) ... New wordpress plugin for creating a drop down navigation menu using JQuery (демо) ... списки + javascript): http:// www.jongol.ru/css/suckertree-vertical-menu.html слова для поиска: drop down menu , dropdown ... Collapsible Categories and Archives Plugin

JavaScript [Archive] - Page 332 - WebDeveloper.com

jQuery please explain a few jQuery fundamentals to me -red face- ... Twist Down Menu - HREFS keep indenting · Adding an "animation-like" effect on vertical flyout menu? ... [RESOLVED] Quickie · [RESOLVED] Print Window with Javascript - no page header ... [RESOLVED] Onsubmit problem - spry collapsible panels used

Lightbox Video Web Gallery Creator Forum : Web Photo Gallery Maker

May 22, 2010 ... From the Gallery menu, select Properties or use "Edit Gallery ... Export your LightBox gallery using Visual LightBox app in any test folder on a local drive. .... home page o Jquery Dropdown menu o 2 kb Content Slider (testimonials) o ... Moo tooltips Yes Module Positions 24 Fully Collapsible Module

VINAORA • View topic - Magz Plazza - Joomla Tech Blogging template

Built with TPframework2 and a neat JQuery layout plugin that allow you to arrange your joomla content vertically than horizontally with flexible control over ... Menu Types TPMenu extension for TPFramework, including Dropdown, DropXTD (Mega ... Module Positions 24 Fully Collapsible Module Positions

WooThemes Support Forum

Forums, Topics, Posts. General Support – Anything not theme related goes here. Post theme queries in the theme forums. 4384, 17823

Microsoft ASP .NET - Page 134

... listview with a collapsible panel that has a updatepanel and listv · Investor's Knowledge Analysis ... Menu's Divs and Relative Position · using xxx; in non code-behided page ... Using UserControls in a Web Site rather than a Web Application Project ... String to DateTime when using Oracle.DataAccess

making a hover menu - jQuery Forum

Getting Started, Using jQuery, Using jQuery Plugins, Using jQuery UI ... I am trying to make a fly-out vertical menu with jquery. here some of the code: http: //jsbin.com/ogaxo/edit. The fly-out menus are shown when hovering over parent menu item and hidden ... Collapsible menu not working correc

[Script] Tổng hợp các mod/template của vbb 3.8.x - Support Forum

[AJAX] Collapsible List Of Thanked ... Multi-Choice background color using Javascript ... UKBL ~ Easy Vertical Menu System .... Research & Develop Team, Thông Báo - Quy Định, Research Object, Jquery, Pro CSS, Drupal

CSS Ajax drop down not pushing container div down - kirupaForum

I'm developing a site that uses ajax to hide/display content using Ajax. ... Animated Collapsible DIV v2.2- (c) Dynamic Drive DHTML code library ... Access to jQuery //divobj: DOM reference to DIV being expanded/ collapsed. .... td{ padding:5px 10px 5px 10px; vertical-align:center; border-left:

WPVulpe • View topic - Zeoal Setup & Installation Documentation

Oct 21, 2009 ... Collapsible sidebar [+] - Smooth scrolls ... Multi-Level dropdown (vertical) navigation menu. ... [J] = JQuery effects. [m] = Mostly everything is inbuilt and does NOT require any plugin to function. .... 768x90 Advert HTML - Use this if you want to add your own HTML code instead of banner on

.hover is not working correctly.. - jQuery Forum

I am using jquery for my vertical hover menu, but the menus don't behave consitently and somtimes hide on hover out and sometime don't

Milonic JavaScript Menu • View forum - Help & Support for DHTML

Milonic + Collapsible Menu - removing words "Milonic"? by rlsaj » Thu Jul 15, ... Thu Jun 24, 2010 6:56 am. Milonic menu and jquery Thickbox .... Is there a way to build an ajax type accordian in a vertical

Microsoft ASP .NET - Page 138

Vertical and horizontal menus sitemap & sitemappath .... NET 2.0 · Outlook Style Menu with Collapsable Side Menu ... Adding rows to GridView · JQuery Integration Help ... Copy excel graph and pasting into word document using asp.net

Using Moodle: HEADS UP: Major theme changes landing

A horizontal menu plus this side menu would break common navigation .... The navigation bar that is collapsable to the left side of the screen is not going to ... with css but most of people might prefer vertical or horizontal menu - yet we ..... In any case I think that no stuff using jQuery will be included in

Ext: Help [Archive] - Page 6 - Sencha Forum

Combobox option style · Pass the value through jquery ... Grouping grid issue in exjs · EXTJS Menu: Hover action ... Adding a form directly to a window · error since upgrade · How to GET from and POST data to an XML-RPC Server using extjs? ... Vertical align button groups in toolbar · HtmlEditor - max length

Ext: Feature Requests [Archive] - Page 2 - Sencha Forum

Collapsible Panels · Validation for IP-Address in ext.form. ... From jQuery ( Interface) to jQuery (EXT), i'm missing. ... ComboBox more menu-ish · DelayedTask needs isPendingTask status check · Grid filters as a first row under sortable labels ... [2.0a1] gridPanel - can we have an option to include vertical line?

MooTools Forums

The MooTools forums are no more. The MooTools forums have been closed for more than a year and an half. They no longer contained updated information,

WPVulpe • View topic - Spexel - Mag/Blog - Advanced

Collapsible Sidebar and Footer [J][+] ... Multi-Level dropdown (vertical) navigation menu. [J] [+] ... [J] = JQuery effects. [m] = Mostly everything is inbuilt and does NOT require any plugin to function

Using Moodle: Aardvark Pro 1.2 - Released

I speak of the vertical gray bar that involves the number 9 (in red). ... you two options - hidden sections can be either collapsible (drop-down mode with .... JQuery might be another option also...don't know enough about either really ... Here's a link for you Richard...more menus with roll-over effects using CSS,

Newspaper Forum Powered By Ip Board : Free CSS Menu Maker

Jul 27, 2010 ... Using this FREE CSS3 Menu you can create great looking buttons using just CSS3 in a few clicks. ... CSS3 transitions could one day replace all the fancy jQuery animation tricks people use. ... css vertical flyout menu Free Css Flyout .... css horizonal menu, collapsible css menu, css3 vertical align