Back to previous page

Question

https://www.jqueryscript.net/demo/Smooth-Single-Page-Transition-Effects-Using-jQuery-CSS3-page-js/

I want to make 1 site like this, one page only but divide it into two parts, right and left. The site’s structure will be found in these two Ivs being the first this:

  <div class="page" data-jquery-page-name="11">
         <div class="title">Page 11</div>
              <div class="navigate" data-page-name="12" data-page-trans="slide-in-from-right">slide-in-from-right</div>
  </div>

and the second will be this:

<div class="page" data-jquery-page-name="12">
                        <div class="title">Page 12</div>
                        <div class="navigate" data-page-name="11" data-page-trans="slide-in-from-left">slide-in-from-left</div>
                    </div>

my question and how can I redirect to the second div, being that if I do header('Location:index.php'); I will automatically be redirected to the first div (data-jquery-page-name="11") and what I really want is redirected to the second div (data-jquery-page-name="12)

Answer 1

By submitting the form, you are redirecting to index.php?sucesso=1. You can use the parameter ?sucesso=1 to open the second div directly instead of the first.

Since you are using a plugin, it only activates the first div when the page is loaded, so the only way I see to enable the second div is via Javascript. Then you will have to put a script in index.php that will activate the second div when the page is loaded and if the value of sucesso for 1.

Place at the end of body the following code:

<?php
if($_GET['sucesso'] == "1"){
?>
<script>
$(function(){

   $(".page.jquery-page-active")
   .toggleClass("jquery-page-active jquery-page-disabled");

   $("[data-jquery-page-name='12']")
   .toggleClass("jquery-page-disabled jquery-page-active");

});
</script>
<?php
}
?>