html5css3左侧折叠菜单怎么做

html-css08

html5css3左侧折叠菜单怎么做,第1张

<h1><p>折叠1</p></h1>

<h1><p>折叠2</p></h1>

<h1><p>折叠3</p></h1>

<h1><p>折叠4</p></h1>

需要js来，最好用jquery来实现

只需要给h1绑定事件，单件它的时候，设置它的p属性，display:none。

这个可以用jquery实现呀，你id=nav的那个div是不是写错了 应该是ul吧？

首先在首页引用jquery库 jquery-1.7.1.mini.js

然后把下面的代码放在下面就可以了！

<script>

$(document).ready(){

$('#nav li').hover(){

function(){

$('#nav ul').css({'display':'none'})

$(this).children('ul').css({'display':'block'})

},function(){

$('#nav ul').css({'display':'none'})

}}}

</script>