Button back to main screen not working
<p>This problem I got is a little hard to explain but I simplify and make it as easy as possible. <br /> <br />
The Statement: <br />
As it is obvious in the following picture ,there are 9 divs which is sensitive to click and when you click in any of them another screen appears which is also obvious in second picture down here. <img src="http://i.stack.imgur.com/IDRPl.gif" alt="divs image"></p>

<p><br /></p>

<p>The Problem:
 In the first DIV ,when I click back to Main Menu ,everything works fine but ,when I click on Second Div and click back to Main Menu ,the button doesn't work. I used the same backtoMain() method for both but obviously something is wrong.</p>

<p><img src="http://i.stack.imgur.com/0Hry9.gif" alt="second image"></p>

<p>The javascript code I use to make backToMainMenu button work: <br /></p>

<pre><code>            function hideAllDivs () { /* the function that hides all divs */

              jQuery('#thirdVision').hide();
              jQuery('#forthVision').hide();
              jQuery('#fifthVision').hide();
              jQuery('#sixthVision').hide();
              jQuery('#seventhVision').hide();
              jQuery('#eightthVision').hide();
              jQuery('#ninethVision').hide();
              jQuery('#tenthVision').hide();
              jQuery('#eleventhVision').hide();
              //jQuery('#secondVision').show();
            }
            function returnToMenu () { /* the function that shows main screen which is secondVision */
              hideAllDivs();
              jQuery('#secondVision').show(1400); /* shows secondVision "First Picture" in 1 and a half second */
            }
            jQuery('#backToMain').click(function(e){ /* the function responsible for when "backtoMainMenu" button is clicked */
                returnToMenu();
                e.preventDefault();
            });
</code></pre>

<p><br />
I've been working on it for about 3 days but couldn't figure out how to solve it.</p>
