Question

I have a code that after clicking on a link (‘#versionPageFromProdLink’), will redirect the page to the index page. The index page has that contains the content. I want to hide this after the page is redirected and show the next div that i have ().

The page is redirected however the jQuery function after the window.location.replace( url ); line is not called.

How will I be able to redirect and call the jQuery after page redirection?

Code:

 jQuery( '#versionPageFrmProdLink').click( function(){
    window.location.replace( url  );

    // jQuery code below is not called, <div id="versionMainContent"> is not hidden 
  jQuery(".versionMainContent").hide("fast", function(){
    jQuery( ".versionProductContent" ).show();
  });   

 });

Answer 1

As stated, the location.replace means the code “after” it won’t execute. What you will need to do, is append a hash “index.html#divCode” or some such (you could also use a query string in this case) and then detect that onload / on document-ready for the index page, then update the hide/show status there.