Блог

У меня есть 3 подразделения рядом. По умолчанию 2 скрыто. Отображается центральный div.

Чего я хочу:

1. Щелчок в правом верхнем углу центрального div отобразит правый div, а центральный div заставит некоторое пространство сдвинуться влево от его исходного пространства.

2. Я хочу то же самое для левого div. При нажатии на верхнюю левую часть центрального div отобразится левый div, который немного сдвинет центральный div вправо от его исходного пространства.

3. Также при нажатии на верхний левый угол центрального div, когда правый div открыт, правый div исчезнет. То же самое относится и к левому div.

Я использую метод переключения пользовательского интерфейса jQuery. Все работает, кроме 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');
}); 
});