JQuery парящий эффект

Question

Я пытаюсь получить этот эффект http://www.un.org/. То есть у вас разные ссылки, при наведении на них соответствующий текст появится ниже.Можно ли добиться этого с помощью jQuery?

Спасибо за помощь

Answer 1

Вы можете сделать это только с помощью CSS

<a href="#">My Link<span>My Hover Text</span></a>

a span { display: none; }
a:hover span { display: inline; }

http://jsfiddle.net/TkVtm/

или для более сложного сценария вы можете использовать jQuery для выполнения простого эффекта наведения:

$("#links li").hover(function() {
    $("#text li:eq(" + $(this).index() + ")").toggle();
});

http://jsfiddle.net/TkVtm/1/

Answer 2

Вы можете использовать событие jQuery Hover () и просто изменить div, содержащий ваш соответствующий текст:

$("#hoverArea").hover(
  function () {
    $("#textDiv").text("New Text");
  },
  function () {
    $("#textDiv").text("Previous Text");
  }
);