jquery - 单击将 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);
    });
});