影响兄弟姐妹位置的动画

Question

我在一个元素上有动画，但它的运动也会影响兄弟姐妹。如何在不影响兄弟元素的情况下仅在项目上设置动画？

问题示例：

function animateSearch() {
   $('.glyphicon-search').animate({'margin-top':'-10px'}, 1000);
   $('.glyphicon-search').animate({'margin-top':'0px'}, 1000);

 }
 var interval = setInterval(animateSearch,1000);

$('.arrowDown').mouseover(function() {
    clearInterval(interval);
});

演示：jsfiddle

Answer 1

简单地将 Css postion:absolue 规则如下：

.glyphicon-search {
   position:absolute;
}

小提琴Here