jQuery div拼图

Question

我现场有三栏。每列都有带信息的div（列中约20-30.Id命名为left-a..z，center-a..z，right-a..z）。我需要从中间和右列隐藏一些不重要的div，并将左列中的一些div放到中心或右列。

我通过这种方式解决了这个问题：

Fiddle

$(function(){
    $("#wrapper > #right1").fadeOut(1000).attr('id','right1-chg');
    $("#wrapper > #left-name").fadeOut(1000).attr('id','right1');
    $("#wrapper > #right1").fadeIn(1000);

    $("#wrapper > #right2").fadeOut(1000).attr('id','right2-chg');;
    $("#wrapper > #left-surname").attr('id','right2');
});

$(function(){
    $(".click").click(function(){
    $("#wrapper > #right1").attr('id','left-name');
    $("#wrapper > #right1-chg").attr('id','right1').fadeIn(3000);
    $("#wrapper > #left-name").fadeIn(1000);

    $("#wrapper > #right2").attr('id','left-surname');
    $("#wrapper > #right2-chg").attr('id','right2').fadeIn(3000);
    $("#wrapper > #left-surname").fadeIn(1000);
    $(".click").hide();
});

});

可是：

1. 这似乎不是最佳解决方案。如何编写更易读的代码。
2. 移动另一个div后如何将底部div移动到释放空间？您可以使用#left-phone查看此问题。（我认为与我的代码相同，但它产生了大量代码行）

Answer 1

我更改了代码：

   ([http://jsfiddle.net/dimaomni/SThaQ/8/][1])

有效。感谢