Onclick将div移动到中心并展开

Question

我有点挑战。这就是我要找的东西：

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

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

有什么想法吗？

Answer 1

这个jQuery代码是一种扩展div并将其他div推出的简单方法，也许它可以满足您的需求。检查jsfiddle以获取整个代码 - http://jsfiddle.net/ur9mrxnq/

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