Горизонтальный раздвижной шкаф с jQuery

Question

Я нашел этот маленький кусочек кода, который отвечает моим потребностям, но есть ли способ сделать так, чтобы "target 1" загружался по умолчанию? Таким образом, "right" не начинается как пустой div, но уже с содержимым из "target 1".

jQuery(function($) {

$('a.panel').click(function() {
    var $target = $($(this).attr('href')),
        $other = $target.siblings('.active');

    if (!$target.hasClass('active')) {
        $other.each(function(index, self) {
            var $this = $(this);
            $this.removeClass('active').animate({
                left: $this.width()
            }, 500);
        });

        $target.addClass('active').show().css({
            left: -($target.width())
        }).animate({
            left: 0
        }, 500);
    }
});

});

http://jsfiddle.net/sg3s/rs2QK/

Answer 1

Чтобы target1 был активным по умолчанию, вам нужно дать ему active класс и добавить display: block в своем стиле в HTML

Не используя javascript, чтобы установить div target1 активным, не нужно сначала загружать страницу, прежде чем она появится в правом div. Это означает, что если страница вообще тяжелая, она не будет мигать белым, потому что ожидает загрузки страницы.

<div class="panel active" id="target1" style="background:green; display:block;">Target 1</div>

Вот так - http://jsfiddle.net/rs2QK/2291/

Answer 2

Просто небольшое дополнение

$('a[href=#target1]').click()

демонстрация