沒事干,教你個下拉的正常的操作:
/*css*/
*{
????margin:?0;
????padding:?0;
}
#Select{
????width:?600px;
????height:?600px;
}
p{
????height:?30px;
????margin-top:?20px;
????background-color:?limegreen;
}
.selectTipwhple{
????height:?100px;
????width:?100%;
????background-color:?Fuchsia;
}
<!--html-->
<div?id="Select">
????<p>1</p>
????<div?class="selectTipwhple">11</div>
????<p>2</p>
????<div?class="selectTipwhple">22</div>
????<p>3</p>
????<div?class="selectTipwhple">33</div>
????<p>4</p>
????<div?class="selectTipwhple">44</div>
????<p>5</p>
????<div?class="selectTipwhple">55</div>
????<p>6</p>
????<div?class="selectTipwhple"><66/div>
</div>
//js
$('#Select').on('mouseenter','p',function(){
????$(this).next('.selectTipwhple').show(200);
}).on('mouseleave','p',function(){
????$(this).next('.selectTipwhple').hide(200);
})
我猜你是要這個效果吧???