jquery导航栏代码

<script type="text/javascript">
$(function(){
	$('p').click(function(){
		$(this).next().slideToggle(2000);
	});
});
</script>
<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}
	.wrap{
		width: 800px;
		margin: 0 auto;
	}
	.level>li{
		float: left;
		margin-top: 20px;
		width: 200px;
		height: 50px;
		text-align: center;
		background: bisque;
		font-size: 20px;
	}
	.two{
		background: bisque;
	}
	ul,li{
		list-style: none;
	}
	p{
		height: 50px;
		color: black;
	}
	ul ul{
		display: none;
	}

</style>

 <div class="wrap">
        <ul class="level"> 
            <li>
                <p>大菜单</p>
                <ul class="two">
                    <li>大菜单1</li>
                    <li>大菜单2</li>
                    <li>大菜单3</li>
                </ul>
            </li>        
            <li>
                <p>中菜单</p>
                <ul class="two">
                    <li>中菜单1</li>
                    <li>中菜单2</li>
                    <li>中菜单3</li>
                </ul>
            </li>         
            <li>
                <p>小菜单</p>
                <ul class="two">
                    <li>小菜单1</li>
                    <li>小菜单2</li>
                    <li>小菜单3</li>
                </ul>
            </li>
        </ul>
    </div>