Jquery 更改div的宽度而不更改同级div的宽度

我有两个div（div1，div2）
div 1-内部有一个iframe（我真的不想更改此div宽度）
第2部分-变革目标

<div class="container">
    <div id="div1" class="col-md-9">
        <iframe></iframe>
    </div>
    <div id="div2" class="col-md-3">
        (content)
    </div>
</div>

---

我试着一个人做，但不知道怎么做。

我的想法是使用负边距来更改内部div的宽度：

iframe{
宽度：100%；
}
#第二组{
边框：1px纯红；
高度：150像素；
}
#第2组{
身高：100%；
背景：rgba（0,0,0,0.3）；
过渡：1s全部；
}
#div2：悬停div{
左边距：-200px；
}

（内容）

谢谢您的快速回答

$('#div2').on('mouseenter', function(){
  $('#div2').animate({
    width:'?????'
  }, 500)
})