非常实用的鼠标移动到相应位置，下拉显示全部内容代码

今天分享一个非常实用的鼠标移动到相应位置，下拉显示全部内容代码。

css代码：

.list-article li a:hover{color: #01b6cb;}
.list-article li span{color: #999;padding-left:6px;}
.list-article .active p {display:block;}
.list-article li p{	display:none;width:95%;float:left;line-height:25px;background-color:#f5f5f5;padding:10px;margin:5px 0;}

js代码：

$(document).ready(function() {
$list_li = $(".list-article li");
//$list_li.eq(0).addClass("active");
$list_li.mouseover(function() {							
$(this).addClass("active");
});

$list_li.mouseleave(function() {
$(this).removeClass("active");
});

});

将.list-article li修改为你对应的代码，就可以了！