Fade out elements

I think this will be an easy one for you. Total newbie here other than entering the #myelement field.

I want to fade out 6 containers, one at a time, to reveal the underlying content once someone has landed on the page. How would I do this, and control the time until fading starts, and how rapidly the fading occurs for each container?

Thanks!

//animation-Options......1
let animOpt = {
	duration: 500,
	direction: "left",
//	delay: "100"
}

$w.onReady(()=>{
	$w('#myElementIDhere').hide();	 //-->just to make sure it is hidden at beginning
	$w('#myElementIDhere').expand(); //--> and expanded at the beginning.
	$w('#myElementIDhere').show('slide',  animOpt);
});