Question

Could somebody please give me a few pointers on how to add a sliding dropdown area onto my home page similar to the following website: http://laptop-repair-manchester.co.uk. (Warning, trips for malware)

The thing I would like to imitate is the dropdown area that reads “call for a free quotation”, it displays after about 5 seconds of the page loading.

If possible I would also like to add an image to the drop down slide effect.

Thanks in advance.

Answer 1

This can be quite straight-forward since jQuery has a .slideDown function: http://jsfiddle.net/QWqj5/.

setTimeout(function() {
    $("#alert").slideDown(2000); // slide duration of 2 seconds
}, 5000); // execute after 5 seconds