這裏是一個開始:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu Test</title>
<script type="text/javascript">
function toggle(element)
{
if (element.style.display != "none") {
element.style.display = "none"
} else {
element.style.display = "block"
}
}
</script>
</head>
<body>
<ul>
<li>
<a href="#" onclick="toggle(document.getElementById('menu1')); return false">Menu 1</a>
<ul id="menu1" style="display: none">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
</ul>
</li>
<li>
<a href="#" onclick="toggle(document.getElementById('menu2')); return false">Menu 2</a>
<ul id="menu2" style="display: none">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
</ul>
</li>
</ul>
</body>
</html>
我嘗試以下<腳本類型=「文本/ javascript「> \t \t \t函數init(){ \t \t \t \t var myStyleTweaks = new StyleTweaker(); \t \t \t \t myStyleTweaks.add(「AppleWebKit/420 +」,「resources/static/tweaks/S40webkit.css」); \t \t \t \t myStyleTweaks.add(「Maemo」,「resources/static/tweaks/maemo.css」); \t \t \t \t myStyleTweaks.tweak(); \t \t \t \t hideDiv(); \t \t \t \t toggle_secondlevel(); \t \t \t} \t \t \t addEvent(「onload」,init); – Narasimha
和我試過使用多個div的,但我的菜單包含相互關係顯示,請給我任何想法.... – Narasimha