选择jquery插件：悬停时滑动

Question

我正在使用chosen jquery plugin。我想知道如何在鼠标悬停时向下滑动下拉列表？ （当然，在鼠标移动时将其滑动）。

<div>
    <select name="type" id="select1">
        <option value="">Select Type</option>
        <option value="commercial">Commercial</option>
        <option value="condo">Condo</option>
        <option value="single-family">Single Family</option>
        <option value="townhouse">Townhouse</option>
    </select>
</div>

JSFIDDLE用于扩展表单。

Answer 1

困难的一点是jquery-chosen没有在页面加载上加载选项。所以万一你可以在页面加载时添加选项，那么你可以使用这样的东西：

$(".chosen-container-single").hover(function(){
   $(this).addClass("chosen-with-drop");
   $(this).addClass("chosen-container-active");
},function(){
   $(this).removeClass("chosen-with-drop");
   $(this).removeClass("chosen-container-active");
});