Question

This problem I got is a little hard to explain but I simplify and make it as easy as possible.

The Statement:
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.

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.

The javascript code I use to make backToMainMenu button work:

            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();
            });

I’ve been working on it for about 3 days but couldn’t figure out how to solve it.

Answer 1

@Nima you used same id for multiple back buttons, Instead use class in case of IDs

The html link should be

<a href="#" class="button big green backToMain"><span> Back To </span>Main Menu</a>

and the script code should be

jQuery('.backToMain').click(function(e){ 
       returnToMenu();
       e.preventDefault();
});

Hope this will help !!