Javascript 套索可选择项禁用CSS:悬停状态

我在一个div中有一组jqueryui可选择的东西，它在hover事件中扩展到全尺寸。理想的效果是，人们可以选择/多重选择/套索任意多个可选择的对象。完成选择后，鼠标移到页面的另一部分，div返回到其最小大小

基本上我让它工作，但当我套索选择多个对象时，似乎

：hover

状态被取消或禁用。这会导致div提前恢复到其原始大小，从而破坏用户体验

请点击此处：

---

该div包含蓝色的“所有客户”。如果您尝试套索选择多个对象，您应该会看到问题。非常感谢您的帮助

按住鼠标时，元素将退出

：悬停

，并进入

：活动

状态。幸运的是，您可以将CSS类应用于这两种状态，而无需中断用户

试试这个

 #customer_picker:hover, #customer_picker:active {

    ...

    height: 300px;
 }