在jQuery切换上执行多个任务

Question

我有3个div并排。 默认情况下，隐藏2。 显示中心div。

我想要的是什么：

1. 点击中心div的右上角将显示正确的div，中心div将在其原始空间的左侧滑动一些空间。

2. 我希望左边的div一样。单击中心div的左上角将显示左侧div，将中心div推到原始空间的右侧。

3. 当右侧div打开时，单击中心div的左上角时，右侧div将消失。 左边的div也一样。

我正在使用jQuery UI的切换方法。除了no：3之外，一切正常 我可以告诉你我的jQuery代码。

$(document).ready(function(){
var state = true;
$('#contact-screw').click(function(){
    $('#about-box').hide();
    $('#content-box').css('float', 'left');
    if (state) {
        $('#content-box').css('float', 'left');
    } else {
        $('#content-box').css('float', 'none');
    }   
    state = !state;
    $('#contact-box').toggle('explode', 'slow');        
});
$('#about-screw').click(function(){
    $('#contact-box').hide();
    $('#content-box').css('float', 'left');
    if (state) {
        $('#content-box').css('float', 'left');
    } else {
        $('#content-box').css('float', 'none');
    }   
    state = !state;
    $('#about-box').toggle('explode', 'slow');
}); 
});