div顯示/隱藏

Question

有沒有人知道一個div SHOW/HIDE的好例子，其中有一個主DIV和2-3個其他div填充（顯示/隱藏）到主框中？我正在做的是顯示新的段落/文本主題。

我知道如何做一個標準的顯示/隱藏有一個div的崩潰，但似乎無法找到顯示的div的例子爲主要的div

編輯： 也許我也應該添加我需要的顯示和隱藏的鏈接不能嵌套在DIV中...我有gfx的頁面和3文本鏈接偏離右中心，所以傳統選項卡我看不到工作

Answer 1

Tabtastic仍然是這類事情的黃金標準。

Answer 2

 <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 3

jQuery Accordion將是一個很好的例子，可以滿足您的需求。