div显示/隐藏

Question

有没有人知道div SHOW / HIDE的一个很好的例子，其中有一个主DIV和另外2-3个div填充（显示/隐藏）到主框中？我正在做的就是显示文本的新段落/主题。

我理解如何使用div的崩溃进行标准显示/隐藏，但似乎无法找到将div显示为主div的示例

修改 也许我还应该补充一点，我需要显示链接并隐藏不要嵌套在DIV中...我在页面上有gfx，而且3个文本链接偏离中心向右，所以传统的选项卡我没有看到工作

Answer 1

        <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';
    }

Answer 2

jQuery Accordion将是符合您需求的好例子。

Answer 3

Tabtastic仍然是此类事情的黄金标准。