jquery - Jquery Slidedown 将其他 div 向下移动

Question

我正在尝试用css定位div绝对。我有 2 个 div，我在其中使用 jquery 向下滑动和向上滑动。如果一个 div 向下滑动，其他 div 也会受到此代码的干扰here。

当鼠标悬停在第一个 div 上时，是否有人建议我停止第二个 div 滑动，反之亦然。

Answer 1

请看一下http://jsfiddle.net/K2ndZ/3/

我只在.combobox {cursor:pointer;float:left; margin-left:10px;}

Answer 2

在这里查看这个链接是http://jsfiddle.net/sarfarazdesigner/K2ndZ/5/ 为此你必须更改你的一些代码 这是 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>

这是 jQuery 部分

$(document).ready(function(){
    $('.combobox ul').hide();
    $('.combobox p').hover(
        function(){
            console.log(this);
            $(this).next('ul').stop().slideDown();
        },
        function(){
            $(this).next('ul').stop().slideUp();
        }
    );
    $('.combobox li').click(function(){
        $(this).parents('.combobox').find('.selector').text($(this).text());
    });
});

根据您更新的链接

http://jsfiddle.net/sarfarazdesigner/K2ndZ/7/