jqueryslidedown向下移动其他div

我试图用css定位div绝对值。我有两个div使用jquery向下滑动和向上滑动。如果一个div滑下，另一个div也会受到此代码的干扰

有人能建议我一个方法，当鼠标移到第一个div上时，停止第二个div滑动，反之亦然。

请看

我只在组合框{cursor:pointer；float:left；margin left:10px；}中做了更改

请查看

---

我只在

.combobox{cursor:pointer；float:left；margin left:10px；}

中做了更改。请查看此处的链接 为此，您必须更改您的一些代码 这是css

.combobox {cursor:pointer;display:inline-block; position:relative;}
.combobox .selector {position:relative; float:left; }
.combobox .selector p{border:1px solid #cccccc;padding: 2px 5px;}
.combobox ul {padding:0;margin:0;display:inline-block;border:1px solid #eeeeee;background-color:#cccccc;}
.combobox li {padding: 2px 5px}

这是html

<div class="combobox">
    <div class="selector">
        <p>Please select</p>
        <ul>
            <li>Option 1</li>
            <li>Option 2</li>
            <li>Option 3</li>
        </ul>
    </div>


    <div class="selector">
        <p>Please select</p>
        <ul>
            <li>Option 1</li>
            <li>Option 2</li>
            <li>Option 3</li>
        </ul>
    </div>
</div>

根据您的需要更新链接

---

查看此处的链接 为此，您必须更改您的一些代码 这是css

.combobox {cursor:pointer;display:inline-block; position:relative;}
.combobox .selector {position:relative; float:left; }
.combobox .selector p{border:1px solid #cccccc;padding: 2px 5px;}
.combobox ul {padding:0;margin:0;display:inline-block;border:1px solid #eeeeee;background-color:#cccccc;}
.combobox li {padding: 2px 5px}

这是html

<div class="combobox">
    <div class="selector">
        <p>Please select</p>
        <ul>
            <li>Option 1</li>
            <li>Option 2</li>
            <li>Option 3</li>
        </ul>
    </div>


    <div class="selector">
        <p>Please select</p>
        <ul>
            <li>Option 1</li>
            <li>Option 2</li>
            <li>Option 3</li>
        </ul>
    </div>
</div>

根据您的需要更新链接

---

嘿，伙计，你能为此创建一个JSFIDLE吗？检查我的答案我已经更改了一些代码，效果很好嘿，伙计，你能为此创建一个JSFIDLE吗？检查我的答案我已经更改了一些代码，效果很好。嗨，我正在寻找下面的下拉列表向下移动的场景。我希望第一个下拉列表的值位于第二个下拉列表的顶部，并希望看到第二个下拉列表不会移动。很简单，将

位置绝对值
置于
ul
和
z-index
置于
div
上方即可通过此链接进行更新或检查更新后的答案，我无法将下拉项设置为非常接近“请选择”。请选择和下拉项目之间的距离在Internet explorer中更大。我们是否有一些选项可以将项目紧密且准确地绑定到下拉列表？嗨，机械人，我正在寻找下面的下拉列表向下移动的场景。我希望第一个下拉列表的值位于第二个下拉列表的顶部，并希望看到第二个下拉列表不会移动。很简单，将
位置绝对值
置于
ul
和
z-index
置于
div
上方即可通过此链接进行更新或检查更新后的答案，我无法将下拉项设置为非常接近“请选择”。请选择和下拉项目之间的距离在Internet explorer中更大。我们是否有一些选项将项目紧密且准确地绑定到下拉列表？