Jquery Collapsible Menu Example by Deluxe-Menu.com
Jquery Collapsible Menu Example

Menu Screenshots

Jquery Collapsible Menu Example Website Menu Systems

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
Menus Para Web Horizontal Jquery Collapsible Menu Example
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery collapsible menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery collapsible menu example menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I do have issues. There are not the problems when you are on the home page (you can click on one of the dropdown submenus and go there.
However, when you try to go to another page from there to another page on a nother drop down, nothing happens except javascript erros. The dropdowns physical work, in that they drop down, but the links don't go anywhere. Does that make sense.


A: See, the problem was in your dmWorkPath parameter

On all pages placed in the subfolder you should write it in thefollowing way:

<script type="text/javascript">  var dmWorkPath = "../ifnav.files/";</script>

Please, correct it.

You should also use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif

Please, use pathPrefix_link parameter.


Q: I downloaded the trial version of Deluxe Tuner and love the menus it makes. I'm havinga major problem centering the expandable menu in a table. I'm using FrontPage 2002 but added thescript into the page via notepad. No matter what I try, the expandable menu stays on the left ofthe table. Do you have any suggestions? I'm sure you must have a list of problemsassociated with FrontPage. Can you please help me?


A: To center the menu on your html page you should set the followingparameter and install the menu in the following way:

  var absolutePos=0;

<div align=center>
<script type="text/javascript" src="deluxe-menu/dmenu.js"></script>
</div>

<table width=800>
<tr>
<td align=center width=600><script type="text/javascript"
src="data/data.js"></script></td>
</tr>
</table>


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

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

Milonic + Collapsible Menu - removing words "Milonic"? ... Thu Jun 24, 2010 6:56 am. Milonic menu and jquery Thickbox ... EXAMPLES by bdaul » Mon May 17, 2010 1: 38 am: 1 Replies: 202 Views: Last post by Ruth

PivotX Support Community • View topic - hierarchical menu

If you use this JQuery menu code and the following template code: ... toplevelbegin="<ul class='menu collapsible'>" ... You can see an example in my dev/test weblog that uses the menu template code that I posted above

Accordion - Forum Nokia Wiki

Tools and SDK · Code Examples · Knowledge Base · Technology Areas ... This is largely used to compose menus with submenus. ... jQuery selector or the DOM reference to become the container of the component. collapsible: boolean. Defines whether all the sections can be closed at once

Show respective Sub-Category when the User has click on the Parent

Try searching for collapsible menus and you'll find what your looking for. ... Hey deepkey, you could probably do something with jquery but I don't ... One example I found that has some form of collapsible category menu

WPVulpe • View topic - Zeoal Setup & Installation Documentation

Oct 21, 2009 ... Collapsible sidebar [+] - Smooth scrolls ... [J] = JQuery effects. [m] = Mostly everything is inbuilt and does NOT require any .... Default is 3, which restricts the dropdown menu to level 3 sub-categories/pages. .... Example: " Sponsors". Leave this field empty to make heading not appear at all

Newspaper Forum Powered By Ip Board : Free CSS Menu Maker

Jul 27, 2010 ... CSS3 Menu Sample Newspaper Forum Powered By Ip Board ... CSS3 transitions could one day replace all the fancy jQuery animation tricks people

Add A Free Forum To Your Blogger/BlogSpot Blog | BloggerStop.Net

Feb 15, 2010 ... Before you read any further, see these 2 examples: ..... Just click on the TAB menu forum to direct to the forum page or this link below ;) ..... Sliding Side Menu Widget · Advanced Collapsible Multi-tabbed Widget ... Level Drop Down Menu For Blogger (148) · Simple Drop Down Menu Using Jquery (119)

Using Moodle: Use of JavaScript in Moodle

Another way to do this is to use javascript event, for example: ..... I case others run across this thread, in regards to jquery, ..... give you an example of an area of improvement in Moodle - the administrator collapsible tree menu

quick jquery accordion q - HTML / CSS - Web development

$("#accordion").accordion({collapsible: true, active: false}); }); </script> <!- - JQuery Accordion End --> <title> Faults </title></head>

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

What i need is a collapsible/expandable menu based on category selection, ... Are there possible conflicts jquery <-> mootools with this module? ... have a menu displayed in all pages; for example, this work for me:

<DIV> Expand & Collapse Menu - WebDeveloper.com

I'm am really set in using this style of Expand/Collapse Menu. ... Note 2: Examples modes: 'left', 'top', 'width', 'height', 'opacity

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

Anyway, reading jquery reference you´ll find so easy to apply your ideas. ... over at my site to make the 2nd and 3rd menu collapsable. ... (the 1st one being 0). so for example if you want the the 1st and 3rd menu to

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

I would like to present you simple navigation panel which utilisies jQuery's Accordion plugin. It allows to collapse menu items when it has

Collapsible menu not working correct in internet explore 8

I have writen(as you can see i am not a jQuery expert :P ) a small piece of code for a ul/li collapsible menu, all browsers do what i want

How to create a collapsible menu using aspx and Javascript?

May 22, 2010 ... How to create a collapsible menu using aspx and Javascript? ... use jquery slideUp and slideDown or jQuery Toggle effect. check below links

Menu déroulant avec contenu dynamique - jquery+mootools

Quand on clique sur "sous-menu a" par exemple, on fait apparaitre ou disparaitre "sous-sous-menu 1" et "sous-sous-menu 2". J'utilise pour cela jquery

Need help fixing navigation menu - jQuery Forum

I am using JQuery for a navigation menu which adds a "selected" class to its links depending on ... For example, if you go to my test site

Forums | drupal.org

Aug 31, 2008 ... The forum topic menu item (under Create content on the Navigation menu) creates the initial post of a ... 301 Redirect from example.com to www.example.com ... Aggregator links in new window with jQuery · Alphabetizing Based on a Profile Field ... OUTDATED: Adding a collapsible fieldset to your nodes

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

@example $.cookie('the_cookie', 'the_value', { expires: 7, ... collapsible : menu works like an accordion but can be fully collapsed

Lightbox Video Web Gallery Creator Forum : Web Photo Gallery Maker

May 22, 2010 ... From the Gallery menu, select Properties or use "Edit Gallery ... Download JavaScript Photo Gallery See all features...Photo Album Bravenet Example Embedded .... home page o Jquery Dropdown menu o 2 kb Content Slider ( testimonials) o ... Moo tooltips Yes Module Positions 24 Fully Collapsible Module

Will you please support OUTLINE MODE in Text? - Google Docs Help

Mar 24, 2009 ... Outline mode as implemented in MS Word (see for example here .... heading as in the example below) and then by going to the Format menu and select .... my primary editor until I can do collapsible and auto-numbering outlines. ... style ) can be done with every javascript library (jquery, mootools,

symfony framework forum: General discussion => Building Own Generator

For example there is still a problem where the filter values are not redisplayed .... When more childforms are present, a tabbed menu (styled through ..... I don 't know if this isn't supported due to the version of jQuery (1.1.1, .... to group column together which is collapsable to a summary field

Create a WRT podcast application using the Guarana API - Forum

Since the Guarana API is based upon jQuery, you can also use ... The example podcast application uses jQuery to load and parse an RSS feed and other tasks. ... and collapsible panes to display an overview of the podcast and a ..... To build the HTML for the accordion menu the jQuery loop calls the

Free Accordion Menu R2 [Archive] - Interspire Forum

[Archive] Free Accordion Menu R2 Code Modification and Addon Releases. ... In order to use the newer features of jquery and the accordion, ... Collapsible is inactive if your event is equal to 'mouseover'. ...... Code examples. Initialize a accordion with the navigation option specified