Ajax With Slide Effects Onready Witout Using A Toolkit

I'm really not that good at Javascript and that, so I need another bit of help. I want to be able to do a quick bit of AJAX using PHP then when the ajax response is finished show t

Solution 1:

I guess the basics would be something of a timeOut() in combination with increasing the height until it is full height:

1. set the display of the element to none
2. get the full height of the element, something like:
   document.getelementById('IDofElement').style.height
3. set the height to 0 and the display to something like block
4. set a timeOut() and increase the height in the called function, activate a new timeOut() if the element is not already full height.

The only real disadvantage of not using a library would be that you would have to test in a lot of different browsers and perhaps make modifications according to the browser used. Libraries have already solved that problem for you.

Solution 2:

Personally, I'd just use JQuery. If you want to see how they do it, then download the developer version of the library and look at the code.

If you're not a fan of javascript, then use a library, it means you have to write less.