Hey guys I am having a problem here it is –
I am creating a drop down menu that when an option is selected 9 divs fadeIn, however when I click another option I fade out the existing div’s and add a new set of 9. This is so it changes my portfolio pieces based on the category. Here is my code –
$(“.link2”).click(function(){
event.preventDefault();
$(“.appear”).text(“Logo & Icon Design”);
$(“.dropdown”).css(“width”,”219px”);
$(“#portfolio”).animate({
height:”1150px”
});
$(“#web”).fadeOut(1000);
$(“#icon”).fadeIn(1000);
});
The problem is the old selection fades out fine but when the new selection fades in it jumps and skips the transition it also doubles the height for a brief moment is there any way to do this without refreshing the page?
