Simple Tab Javascript Sections (not menus)

views:

answers:

Simple Tab Javascript Sections (not menus)

This might be the simplest question of the day.

I'm looking for the best answer based on all knowledged across community, not a basic tab effect but one that could be scalable, easy to implement and compliant with standards.

What could be a good and simple (compatible) way to accomplish having different sections with javascript. I personally prefer Jquery, Mootools or plain javascript.

When each link is clicked it should open up relationed table row or div, not a hover menu. Section has to stay open after selected on left options.

Any help with resources or direction will be greatly apreciated.

Form will have one common submit button with all selected options.

alt text

If I understand you correctly you don't even need any javascript to accomplish this.

Have a look at http://devinrolsen.com/wp-content/themes/typebased/demos/css/vertical-menu/WORKS.html for a 100% based css menu.

There is even a generator available http://purecssmenu.com/

sunn0 2010-10-26 02:21:46

If clicking has to be involved you would need something like $("#nav > li").click(function(){ $(this).find("ul").show(); });

sunn0 2010-10-26 02:24:54

@sunn0 Thanks for your answer. I'm not looking to build a hover menu but sections which will display on click of link.

Codex73 2010-10-26 02:43:13

What is the difference except for the click?

sunn0 2010-10-26 03:11:01

take a look at this: http://www.elated.com/articles/javascript-tabs/

Codex73 2010-10-26 03:18:39

+1 A:

Or you can use a pre-existing plugin: http://jsfiddle.net/oskar/VELCe/

Oskar Krawczyk 2010-10-26 08:02:07

mootools correct?

Codex73 2010-10-26 19:54:19

ansaurus

tags:

views:

answers:

Simple Tab Javascript Sections (not menus)

related questions