Javascript 查询选择未单击以增加其宽度的div

所以我有两个相邻的盒子式结构， 我想对我单击的长方体设置动画并增加其宽度，而其他长方体应该在发生转换时移到右侧

<div class="col-md-6 mb-4 mt-5">
  <a href="project1.html" class="active hovereffect">
   <div class="overlay">
     <h2 class="title">Projects 1</h2>
   </div>
   </a>
 </div>

 <div class="col-md-6 mb-4 mt-5">
   <a href="project2.html" class="hovereffect">
     <div class="overlay">
        <h2 class="title">Projects 2</h2>
     </div>
    </a>
 </div>

//我想这是工作，以选择未点击的div

   var a = $(lastElementClicked).find('col-md-6:not(:click)');
   $(a).animate(slideleft)

---

您知道如何查询选择未单击的div吗。

您也可以按照建议使用

.sibbins（）

方法，但如果您想以自己的方式实现它，则以下说明了一种可能的方法

var notClicked=null；
$（'.col-md-6'）。在（'click'，function（）上{
$（'.col-md-6'）。每个（（索引，值）=>{
如果（值！==此）未单击=值；
});
console.log（$（未单击）.text（）.trim（））；
});
假设它们是包装的，
var a=$（lastElementClicked）.sides（）可以是一个选项：
   var a = $(lastElementClicked).find('col-md-6:not(:click)');
   $(a).animate(slideleft)