Home/ Questions/Q 7058785
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:09:15+00:00

I’m working on a web page that has multiple pages to display. <div class=’tab’>

  • 0

I’m working on a web page that has multiple pages to display.

<div class='tab'>
    <div class='page'>...</div>
    ...
    <div class='page'>...</div>
</div>

but the web page’s height extends a long way beyond the length of 1 shown page. I’m afraid that what is causing this is that I generate all the elements for each page, and then hide the ones that don’t belong to page 1. But I’m not sure how to do this without increasing the height of the page.

Can anyone help me out?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to apply style=”display:none” to the elements you want hidden.

    The following code will hide “all” underlying pages within the div class=’tab’ element.

    <div class='tab' style="display:none">
<div class='page'>...</div>
...
<div class='page'>...</div>
</div>

    The following code will hide each page you specify style=’display:none’ to

    <div class='tab'>
<div class='page' style="display:none">...</div> <!-- This page *only* will be hidden -->
...
<div class='page'>...</div> <!-- This page is still visible -->
</div>

    Whenever you want an element to be visibile again just change your “display:none” to “display:block”.

    • 0