I have this HTML source here:
<div id="container" style="float:left;">
<div id="div1" style="float:left; background-color:red; width:100px; height:20px;">Text1</div>
<div id="div2" style="float:left; background-color:blue; width:100px; height:20px; display:none;">Text2</div>
My problem is that I want "div2" to be hidden in the beginning and div1 visible. Then when I click "div1" and want it to fadeout and then I want "div2" to fadein. So now "div2" is visible and "div1" is hidden. So now I want to be able to click "div2" so it will fadeout and "div1" fadein.
Can anybody help me with this?