Плавно раскрывающийся блок в HTML

[0003Spi]

Как можно сделать плавно раскрывающийся список типа спойлера?

Пример

1)Тут текст.
2)Тут текст.
3)Тут текст.
4)...
...

Как споилер, только плавно и желательно в виде простого текста или ссылки. Я знаю, что это делается через div тег, и по мимо просто HTML используется ещё и CSS, но может ли кто нибудь по подробнее рассказать как это сделать?

[NiGHt-LEshiY]

<div> с нужным содержимым, вызывающий функцию Show при клике. Функция Show, собственно, раскрывает элемент.
Понадобится Javascipt, можно даже jQuery.

[0003Spi]

А можно по подробнее, если не трудно, можете привести пример?

[Morfin]

Код: Выделить всё

$('#element').click(function() {
  $('#otherelement').show('slow', function() {
    // Код callback-а
  });
});

примерно так

[0003Spi]

Благодарю, но вот ещё вопрос: как сделать так, что бы при наведении на текст курсором, сам курсор менял вид, а текст например подчёркивался или выделялся, но не через яваскрипт?
Знаю, что через <div onmouseover="" >Какой-то текст.</div> но как?
По отдельности, через style="" всё просто, но, что бы именно при наведении на него курсора, кто подскажет?

[0003Spi]

Всё, разобрался, там не через onmouseover, в CSS файле поставил изменение курсора и на странице сделал через class="название функции в CSS". Теперь мне нужно, что бы при наведении курсора на этот текст, текст менял цвет, я пробовал тем же путём, но текст красится сразу, а через onmouseover он не хочет, подскажите как сделать так, что бы текст касился при наведении на него курсора?

[0003Spi]

Всё, разобрался, сделал всё как нужно.