嗨，jQuery脚本不会为所有相同的鬃毛div添加显示块，仅为第一个添加。
JS
$("#sidecontrol_container").mouseenter(function(){
setTimeout( function(){
$('#packet_name').css('display','block');
},310);
$( "#sidecontrol_container" ).animate({
width:"230px"
}, 300 );
});
$("#sidecontrol_container").mouseleave(function(){
$('#packet_name').css('display','none');
$( "#sidecontrol_container" ).animate({
width:"40px"
}, 300 );
});
HTML
<div id="sc_wraper">
<div id="packet_name">1</div>
</div>
<div id="sc_wraper">
<div id="packet_name">1</div>
</div>
CSS
#packet_name{
height:40px;
width:190px;
float:right;
display:none;
}
它仅在名称为packet_name <div id="packet_name" style="display:block;">1</div>第一个div中添加
mouseenter之后的HTML结果
<div id="sc_wraper">
<div id="packet_name" style="display:block;">1</div>
</div>
<div id="sc_wraper">
<div id="packet_name">1</div>
</div>