how do i toggle between divs
<p>I have 2 divs. I want div id 1 to be visible when the page is loaded and when i click on anywhere in main div id 2 should be visible.when user click again on main 2 should be hidden and 1 visible.`</p>

<pre><code>&lt;div id="main" style="border:1 px dashed red;" &gt;
  &lt;div id="1" style="width:300px;height:50px; "&gt;div One visible&lt;/div&gt;
  &lt;div id="2" style="width:300px;height:50px; "&gt;div two visible&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How do i get it done using Jquery? i am not sure how to get the toggling effect</p>

<p>Thanks</p>
