div show / hide

Question

Does anyone know of a good example of a div SHOW / HIDE where there is a main DIV and 2-3 other div populate (show/hide) into the Main box? Pretty much what i'm doing is displaying new paragraphs/topic of text.

I understand how to do a standard show/hide with a collapse of a div, but can't seem to find an example of showing divs into a main div

Edit: Maybe I should also add that I need for the links for the show and hide not be nested in the DIV... I have gfx's on the page and the 3 text links are off centered to the right so a traditional tab I don't see working

Ravi Parekh · Accepted Answer · 2011-05-23 10:27:59Z

 <input type="radio" name="ValueCost" id="values" checked onclick="javascript:togggleValCost('valueDiv', 'costDiv')" /> <br> Cost Deduction: <input type="radio" name="ValueCost" id="costDeduction" onclick="javascript:togggleValCost('costDiv', 'valueDiv')" /> //javaScript function togggleValCost(display, hide){ document.getElementById(display).style.display = 'block'; document.getElementById(hide).style.display = 'none'; }

niksvp · Accepted Answer · 2011-05-23 10:32:39Z

4

jQuery Accordion would be a good example matching your need.

answered May 23, 2011 at 10:32

niksvp

5,5512 gold badges28 silver badges43 bronze badges

Comments

Quentin · Accepted Answer · 2011-05-23 10:23:58Z

2

Tabtastic is still the gold standard for this sort of thing.

answered May 23, 2011 at 10:23

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

div show / hide

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related