Jquery 单击“将div移到中心并展开”

我有一点挑战。以下是我想要的：

我的页面上有4个div到n，但用户只能看到4个div。 当它单击其中一个div时，被单击的div将移动到页面的中心，并展开页面的大约80%，并将其他div推开

我尝试过使用jQuery动画，但没有成功

---

有什么想法吗？

这段jQuery代码是一种简单的方法，可以扩展您的div并排除其他div，也许它适合您的需要。检查JSFIDLE中的整个代码-

---

让我们看看你到目前为止都做了些什么？显然，jQuery是最好的选择。这是我到目前为止得到的扩展部分，它还可以，但当你点击div时，我想在中间移动，而不是停留在原来的位置。我添加了“左”位置。如果div必须是80%的宽度，那么每个div都有10%的边距。所以，但这个部门10%的人离开了他的父母，我将以他为中心。您还可以使用jQuery添加一个“margin:0auto”css属性，它还将使div.$（this.css）居中（{margin:0auto}）；你必须从目标div中删除“float”。检查这个小提琴-我这样做：但是当我把div放在中间时，这是一种制作动画的方法吗？

$(document).ready(function(){
    $('.expand').click(function() {
        $(this).animate({
            width: '80%',
            left: '10%'
        }, 950);
    });
});