[問題] 有無這種選單？

[Yanzi]

我有兩串文字，第一串是顯示，而第二串是隱藏的。我可否將第一串文字設置成連結，按下去，第二串文字就出現，再按一次，又隱藏了！

目前Gmail也使用此效果哩。

[問題狂]

找找看Java Script說不定可以做到...
我再找找看....

[design]

代碼: 選擇全部

<script language="javascript">
function Toggle(item) 
{
    obj = document.getElementById(item);
    visible = (obj.style.display != "none")
    key = document.getElementById("x" + item);
    if ( visible ) 
    {
        obj.style.display = "none";
        key.innerHTML = "打開次選單";
    } 
    else 
    {
        obj.style.display = "block";
        key.innerHTML = "關閉次選單";
    }
}
</script>

a的id數字部份是對應到 div 的數字部份.. 看你需要多少這樣的次選單再複製貼上即可\r

代碼: 選擇全部

<a id="xs2" href="javascript:Toggle('s2');">打開次選單</a><br>
<div id="s2" style="display: none;">
<table>
    <tr>
        <td>要出現的html</td>
    </tr>
</table>
</div>