jquery fadeout/fadein flicker issue

[Rav]

i have read several posts on this but none seems to solve my issue,when I fadeout a gallery, the other fades in, that works fine...but the item that fades in seems to 'refresh' or fade in again (real quick) after the fadein animation completed, here's my code:what I have is basically a photo gallery (photographySection) contained inside a 'mediaContainer', this is the css:\[code\].mediaContainer { position: relative;}.photographySection { top: 10px; left:0; position: absolute;}\[/code\]html:\[code\] <div class='mediaContainer'> <div class='photographySection hidden' id='photographyExperimental'> <ul><li><img src...></li></ul> </div> <div class='photographySection hidden' id='photographyFaces'> <ul><li><img src...></li></ul> </div> </div>\[/code\]js:\[code\]$(".photographyMenu").click(function(event){ $(".photographySection").hide(1,function() { // hide all sections var section = $(event.target).attr("section"); // read new section to show $("#"+section).fadeIn(500); // for example $("#photographyFaces") }); });\[/code\]everything works smoothly, but sometimes after the chosen div fades in, it flickers/blinks once for some reasonthanks!