In my application there is a navbar with 3 tabs, my question is about the second tab, I explain how I imagine the structure should be:
When the user clicks on the second tab for the first time, the user should see a list, such as a menu of options:
Option A Option B Option C
When clicking on any of those options on the same screen (tab 2) should change the "view" and display the suboptions of the chosen option, the structure is the following. For example, if you choose "Option A", you will see something like this:
Photo1 Name1 Link1 Photo2 First Name2 Link2 ... PhotoN NameN LinkN
I guess it would be great to do "pagination" since it is likely that each option has many suboptions and I do not want to saturate the memory.
Finally, when clicking on some of the Links, we will assume "Link1", in the same tab 2 I would like to see all the complete information about that element in the list. Obviously all that information is in a database. My question is:
What is the best way to do the navigation of the interface I just raised?
I was thinking of making a "container" div on tab 2 and changing its DOM, but then I wonder how I will manage the "back" action - ie the "return" action and obviously the user will think he/she can return by pressing the Back button (in case of Android).
I must clarify that I am not using any framework like ionic, react or angular. ALl is from scratch, the only thing I use is jQuery.
Thanks for reading and please forgive my horrible way to write english.