所属分类:网页特效-导航菜单
<link rel="stylesheet" href="css/style.css">
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/style.js"></script>
jQuery(document).ready(function($)
{
$('.list ul li p').clickdown();
$('.list-se p[class=title]').clickup();
$('.list>ul>li').ad();
});
<div class="list">
<ul>
<li>
<p class="title">Item1</p>
<ul class='list-se'>
<p class="title">Item1</p>
<li><p>li-1</p></li>
</ul>
</li>
<li>
<p class="title">Item2</p>
<ul class='list-se'>
<p class="title">Item2</p>
<li><p>li-1</p></li>
<li><p>li-2</p></li>
<li><p>li-3</p></li>
<li><p>li-4</p></li>
<li><p>li-5</p></li>
<li><p>li-6</p></li>
</ul>
</li>
<li>
<p class="title">Item3</p>
<ul class='list-se'>
<p class="title">Item3</p>
<li><p>li-1</p></li>
<li><p>li-2</p></li>
<li><p>li-3</p></li>
</ul>
</li>
<li>
<p class="title">Item4</p>
<ul class='list-se'>
<p class="title">Item4</p>
<li><p>li-1</p></li>
<li><p>li-2</p></li>
<li><p>li-3</p></li>
</ul>
</li>
<li>
<p class="title">foot5</p>
</li>
</ul>
</div>