HTML如何实现展开式菜单(实现效果:点击一项展开子菜单,点击另一项展开此项子菜单同时关闭前一项子菜单)

我看了你的这个菜单！这样子可以了啊！

没有必要再收起来！ 你看过那个菜单点击下一个菜单就把上一个菜单中的子菜单给隐藏？？？

如果你要那么做的话！

你可以用javascript 做判断！

根据DIV的id来判断！

获取你点击的ID 再判断 id不相等的就隐藏！

你自己试试吧！

html:

<ul class="UL">

<li class="item">

一级菜单1

<ul class="UL2">

<li>二级菜单1</li>

<li>二级菜单2</li>

</ul>

</li>

<li class="item">

一级菜单2

<ul class="UL2">

<li>二级菜单1</li>

<li>二级菜单2</li>

</ul>

</li>

<li class="item">

一级菜单3

<ul class="UL2">

<li>二级菜单1</li>

<li>二级菜单2</li>

</ul>

</li>

</ul>

css:

<style type="text/css">

body,ul{margin: 0padding: 0}

ul{list-style: none}

.UL{width: 100pxtext-align: center}

.UL2{font-size: 13pxwidth: 100pxcolor: #00a0e9display: none}

</style>

JQ:

<script type="text/javascript">

$(document).ready(function() {

$(".item").click(function(){

$(this).find(".UL2").slideToggle()

$(this).siblings('.item').find('.UL2').slideUp()

})

})

</script>

你是要改右键菜单，还是做个左键菜单。

如果时左键菜单的话，到微软站点看看他是怎么做得就行了，

他那套东西功能比较强，但得自己修改。如果是右键菜单，我倒可以帮帮忙。

如果是右键菜单，在DREAMWEAVER中有自带的插件。“Command"/..自己找吧！

如果我的回答没能帮助您，请继续追问。

您也可以向我们团队发出请求，会有更专业的人来为您解答。

---