jq鼠标移入移出显示和隐藏_JQUERY多个DIV鼠标移入移出显示隐藏对应DIV

$(document).ready(function(){

$(".list em").each(function(){

$(this).hover(function(){

if($(this).children('span').css("opacity") == 0){

$(this).children('span').animate({

opacity:"1",

marginTop:"-16px"

})

}else{

$(this).children('span').animate({

opacity:"0",

marginTop:"0px"

})

}

})

});

})

.list span{

opacity: 0;

position: absolute;

}

.test{

height:30px;

}

.content{

height:30px;

}

这里就被隐藏了，不能加DIV了

移到我这显示

我是显示的内容1

这里就被隐藏了，不能加DIV了

移到我这显示

我是显示的内容2

这里就被隐藏了，不能加DIV了

移到我这显示

我是显示的内容3

你很多HTML结构都搭错了 我觉得就不要用em这个标签  如果你要自己实现那个效果 介绍你看个视频http://www.imooc.com/learn/425 跟你的那个效果差不多