João Prado Maia’s Weblog

So I’m playing with script.aculo.us for a side project, trying to create a <DIV> that will slide into and out of view, but something is not working quite right. When I use the Effect.SlideDown() and then Effect.SlideUp() repeatedly, it will continuously grow the height of the element.

Everything seems to be fine, the documentation tells me that I’m doing the right thing, which is to create two <DIV>s, but somehow it doesn’t work on my version, but it works perfectly at the demonstration page on the script.aculo.us website. Even the bug entry about it says that in order to fix it, I should simply use block level elements, which I’m doing.

So here’s the fix for this if someone else ever hits the same problem:

Don’t use:

  </div>
</div>


like a real monkey should to make your HTML code easier to read, but rather this:

</div></div>


Doing that fixes this apparent bug, which makes no sense to me.