jquery - 将 div 移动到索引位置

Question

我的页面上有三个 div。

您可以在此处查看示例 -

Fiddle

在此页面上，我在点击时淡入淡出 div。一切都按照我的假设顺利进行。

现在，如果我单击一个 div 选项卡，它的所有同级选项卡都会淡出，并在单击“显示所有”按钮时再次淡入。

当 div 隐藏时，它会到达默认的左侧位置。但我希望我点击的 div 应该始终位于页面中间。所以我尝试给它第二个 child 的索引位置，但这不起作用。

如何获得第二个 child 的索引位置以将盒子移动到中间？

jQuery-

$(function () {
        var index = $('.span4:nth-child(2)').index();
        $('.container .row-fluid .span4 ').click(function () {
            $(this).show().siblings().fadeOut();
            $(this).css('margin', index);
        });
        $('.show-all').click(function () {
            $('.span4').fadeIn();
        });
    });

Answer 1

试试这个

http://jsfiddle.net/YrsAL/3/

.container{
    text-align:Center;     
}