navigate within index.html using cordova and phonegap

[abdallaham]

I have a cordova/phonegap project and I want to navigate in the same index.html but give the impression to the user that he opened a new page? (Without ionic framework). I do not know if this can be done using simple HTML, CSS or javascript but appreciate if someone can provide me a help

 

I put the following code in index.html but it does not give that impression:

<div id="page_01">
    <a href="#page_02">Press for Next step</a>>
</div>

<div id="page_02">
    <p>New page for the user but it is in the same index.html</p>
</div>

[Ingolme]

The only way to do it without loading a new page is with Javascript. You can hide one element and show another when the link is clicked. You should read the Javascript tutorial, it is simple to add a click event listener and change the style.display property of an element.