Появление текста при наведении на ссылку

[bagfinder]

Здравствуйте.

Есть обычная ссылка и надо сделать так, чтобы при наведении курсора на нее, появлялся текст ниже ссылки (или менялся его цвет с белого на черный, например).

Лучше даже не чтобы текст появлялся, а чтобы именно его цвет менялся с белого на черный.

Как этого можно достичь?

Edited October 21, 2013 by bagfinder

[Vlad]

http://jsfiddle.net/htmlbook/TyV22/

[bagfinder]

А если у меня:

1) комментарий в отдельном классе и нет <p> <p class="com">

2) я хочу сделать такое для конкретных ссылок, а не для всех (можно вынести в пустой класс, например? <a href="#" class="link_a">Текст ссылки</a> )

.link_a
{
}

?

Страница со ссылками у меня выглядит так:

<br><a href="#" class="link_a">Текст ссылки 1</a>
<p class="com">Комментарий 1</p>

<br><a href="http://example.org">Текст ссылки 2</a>
<p class="com">Комментарий 2</p>

<br><a href="http://example.org">Текст ссылки 3</a>
<p class="com">Комментарий 3</p>

И можно сделать так, чтобы нижестоящий текст не смещался из-за появления комментария?

Edited October 21, 2013 by bagfinder

[XAHTEP26]

Может тебе тогда простые всплывающие подсказки использовать?

http://jsfiddle.net/DRgtn/1/

Ну или если нет, то может как-то так:

http://jsfiddle.net/TyV22/2/

[mrnobody]

Можно еще с иcпользованием пользовательского атрибута "data-". Вот так например http://jsfiddle.net/mrnobody/4uJXj/

[bagfinder]

Спасибо.

А со сменой цвета нереализуемо?

Тогда не было бы проблемы со смещением.

[mrnobody]

Вы про чей вариант говорите? Если про мой вариант и если я вас правильно понял, то наверное так: http://jsfiddle.net/mrnobody/4uJXj/1/

[bagfinder]

Это я про один из предложенных вариантов:

Лучше даже не чтобы текст появлялся, а чтобы именно его цвет менялся с белого на черный.

То есть, текст присутствует всегда, но невидим (белый текст на белом фоне), а при наведении на ссылку - текст меняет цвет.

Это сложнее реализовать, чем появление текста, как сделал Vlad?