$(function(){
$('#box-1, #box-2').hide().addClass('hidden').css({'left':'-720px'});
$('ul li').click(function(event){
target = $(event.target);
if(target.is('a')){
event.preventDefault();
if ( $(target.attr("href")).hasClass("hidden") ){
$(".visible").removeClass("visible")
.addClass("hidden")
.animate({'left':'0px'})
.hide()
.css('left','-720px')
$(target.attr("href"))
.removeClass("hidden")
.addClass("visible")
.fadeIn('fast')
.animate({'left':'0px'})
$(".visible").animate({'left':'800px'}).removeClass('active') // shows the
//effect I want.
//Remove when testing
};
};
});
});
Can anyone help me, please?