Home/ Questions/Q 8581777
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T21:08:01+00:00

So I have a div that is displayed by default. I’m using a function

  • 0

So I have a div that is displayed by default. I’m using a function to slideUp the element, then change the content, then slideDown back to reveal the new info.

And that’s all working fine.

What’s bothering me is that when the div is animating everything below it follows it up and down.

Basically, it seems like as it’s hiding it’s “display: none” -ing so to speak, meaning it’s being taken out of the flow.
And I want it to be more like “visibility: hidden”.

…if that makes sense (God, I hope it does. It has been a long week. =P)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Elements slide up to fill gaps when above elements are removed. For HTML, gravity is upward, which is why we build HTML downward(from the top of the browser, down).

    Let’s pretend your object sliding upward is as follows:

    <div class="SlideUpDiv" style="height:500px; display:block;">Hello!</div>

    What you need to do is wrap that div in another div that holds the same height:

    <div class="slideUpContainer" style="height:500px; display:block;">
  <div class="slideUpDiv" style="height:500px; display:block;">Hello!</div></div>
</div>

    This way, when the first element crushes, the gap will be held open by the parent div.

    • 0