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


Hi

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>
    </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?

jQuery div 1 fadeout div 2 fadein

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.