求高手指点：jquery无限级下拉菜单的问题

hk207 2010-11-01 09:29:25

下面的jquery无限级下拉菜单是有问题的。如果是只有两级的话是没有问题的。

问题如下：

先点击“第三级”，然后点击任意一个第一级，这时候菜单再点击就没有反应了。

求高手看一下，是什么原因呢？



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>jquery无限级下拉菜单</title>

    <link href="http://www.cnkanke.com/html/webdesign/wangluozhishi/css/kendy.css" type="text/css" rel="stylesheet" />

	

	<script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/jquery.js"></script>

	<script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/jquery.accordion.js"></script>

	<script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/tab.js"></script>

	

	<script type="text/javascript">

	$(document).ready(function() {

		$("#left ul").accordion({

			alwaysOpen: false,

			autoheight: false,

			selectedClass:"drop_up",

			navigation: true,

			active: ".ons",

			header:"h3"

		})

	})			

	</script>

</head>

<body>

<div class="main">

<div class="left">

<div class="bd" style="border-bottom:none;">

<div id="left">

<ul>

	<li class="ltbg">

		<h3><span class="b14">一级菜单1</span></h3>

		<div class="btbd">

			<p>第二级1</p>

			<p>第二级2</p>

			<ul>

				<li>

			<h3>第二级3</h3>

			<div>

				<p>第三级</p>

				<p>第三级</p>

				<p>第三级</p>

			</div>

			</li>

			</ul>

			<p>第二级4</p>

		</div>

	</li>

	<li class="ltbg">

		<h3><span class="b14">一级菜单2</span></h3>

		<div class="btbd">

			<p>第二级1</p>

			<ul>

				<li>

			<h3>第二级2</h3>

			<div>

				<p>第二级1</p>

				<p>第二级1</p>

				<p>第二级1</p>

			</div>

			</li>

			</ul>

			<p>第二级1</p>

			<ul>

				<li>

			<h3>第二级4</h3>

			<div>

				<p>第二级1</p>

				<p>第二级1</p>

				<ul>

				<li>

			<h3>第三级</h3>

			<div>

				<p>第二级1</p>

				<ul>

				<li>

			<h3>第四级</h3>

			<div>

				<p><a href="jqueryMenu.html">第五级第五级第五</a></p>

				<p>第五级</p>

				<p>第五级</p>

			</div>

			</li>

			</ul>

				<p>第四级</p>

			</div>

			</li>

			</ul>

				<p>第三级</p>

			</div>

			</li>

			</ul>

		</div>

	</li>

	<li class="ltbg">

		<h3><span class="b14">一级菜单3</span></h3>

		<div class="btbd">

			<p>第二级</p>

			<p>第二级</p>

			<p>第二级</p>

		</div>

	</li>

	<li class="ltbg">

		<h3><span class="b14">一级菜单4</span></h3>

		<div class="btbd">

			<p>第二级</p>

			<p>第二级</p>

			<p>第二级</p>

		</div>

	</li>

</ul>

</div>

</div>

</div>

</div>

</body>

</html>