JQuery раздвижные панели - PullRequest
Новая
       31

JQuery раздвижные панели

1 голос
/ 09 декабря 2011

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

Демоверсию можно посмотреть здесь:

http://jsfiddle.net/fE8ks/

Спасибо!

Ответы [ 2 ]

0 голосов
/ 09 декабря 2011

Вам действительно нужно расположить элементы с полями слева? Потому что, если вам удастся просто спрятать их, код, который делает ваш эффект, довольно прост: 

$(document).ready(function() {
$('#container').css({position:'relative'});
    $("#container div:not(:first)").hide();
    $('.div1').addClass('current');
    $("nav a").click(function() {
        var cls = this.name;
        $('.current').removeClass('current').animate( { width: "hide", paddingLeft: "hide", paddingRight: "hide", marginLeft: "hide", marginRight: "hide" }, 500, function() {
            $('.'+cls).addClass('current').animate( { width: "show", paddingLeft: "show", paddingRight: "show", marginLeft: "show", marginRight: "show" }, 500);
        });
        return false;
    });
});

Я также поместил эту версию в вашу скрипку: http://jsfiddle.net/fE8ks/1/

0 голосов
/ 09 декабря 2011

В Firefox все работает нормально, единственное, чего вам не хватает, так это атрибута z-index, применяемого к классу .current, который будет устанавливать выбранный столбец слайда сверху.Если есть другая проблема, то вы можете показать снимок экрана или сообщить нам, в какой версии браузера вы видите проблему, чтобы мы могли ее продублировать?

...