Jquery 如何将绝对位置、静态元素定位在它们所在的相同位置？

一个

#main

div有一组

.group

div，每个div包含一个图像。所有这些都是静态的

<div id="main" class="mx-auto">
    <div class="group">
        <img src="" width="35">
    </div>

    <div class="group">
        <img src="" width="35">
    </div>

    <div class="group">
        <img src="" width="35">
    </div>
    <div class="group">
        <img src="" width="35">
    </div>
    <div class="group">
        <img src="" width="35">
</div>
</div> <!-- main -->

---

但不幸的是，它不起作用。有人能指出问题出在哪里吗？

我相信这会挽救你的一天：

    $('.group').mouseenter(function(){
         $(this).siblings().css({'opacity':0});
    }).mouseleave(function(){
         $(this).siblings().css({'opacity':1});
    }); 

或者，您可以像这样设置流程的动画：

    $('.group').mouseenter(function(){
       $(this).siblings().animate({'opacity':0},300);
    }).mouseleave(function(){
       $(this).siblings().animate({'opacity':1},300);
    }); 

---

当我将鼠标悬停在.group上时，所有其他的.group都应该消失_u_u_u_uu只是隐藏所有，保持悬停。为什么要用这样的东西？“当我在.group上悬停时，所有其他的.group都应该消失，悬停的应该保持在相同的位置”-悬停的那一个大小会不同吗？否则，当其他

.groups

div

消失时，它如何能保持在相同的位置？我需要将其定位，因为这不是整个操作。在每个img标签之后，都会有一个span.description（隐藏）来描述每个项目。当我将鼠标悬停在一个图像上时，1）所有其他图像消失，然后2）被悬停的图像必须移动到最左侧，3）显示的描述。

    $('.group').mouseenter(function(){
       $(this).siblings().animate({'opacity':0},300);
    }).mouseleave(function(){
       $(this).siblings().animate({'opacity':1},300);
    });