There are three float:left divs in my setup
<div class="center">
<div class="fade1"></div>
<div class="fade2"></div>
<div class="fade3"></div>
</div>
The objective is to click on these divs and reveal content that should appear below them. I am able to fade them out using jQuery.
$('.fade1').click(function(){
$('.fade1').fadeOut(700);
});
To achieve this, I need 3 content divs inside the center div. However, placing them directly beneath the fade-divs poses a challenge due to their floating nature. As a result, the content ends up appearing next to the fade divs which are meant to hide them.