Горизонтальный div, скользящий с jQuery

Question

Я нашел этот маленький фрагмент кода, который соответствует моим потребностям, но есть ли способ сделать «цель 1» загружен по умолчанию? Так что «право» не начинается как пустой 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, чтобы установить target1 div в активную, страница не требуется загружать сначала, прежде чем она появится в правом 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() 

Demo