Отображение div при наведении на другой элемент

Question

Кто-нибудь знает, как лучше показать div (плавно) при наведении на другой элемент.например, наведите курсор мыши на ссылку «Новости», а затем при отключении мыши появится и исчезнет div с новостями.

Полагаю, я бы использовал для этого jQuery, но есть ли у кого-нибудь указатели с чего начать?

Answer 1

$('#news').hover(function(){
        $('#details').show("slow");// You can chose, slow,fast or type milliseconds
},function(){
        $('#details').hide("slow");
});

Вы просто используете .hover() и даете ему 2 аргумента, которые являются функциями.Первый выполняется, когда мышь входит в news, а второй выполняется, когда мышь покидает news.
. С помощью методов show() и hide() вы можете добавить некоторые эффекты.Вы также можете использовать fadeIn(), fadeout() или просто использовать fadeToggle(), toggle()

jQuery Documentation:

• http://api.jquery.com/hover/
• http://api.jquery.com/show/
• http://api.jquery.com/hide/
• http://api.jquery.com/fadeOut/
• http://api.jquery.com/fadeIn/
• http://api.jquery.com/fadeToggle/
• http://api.jquery.com/toggle-event/

Answer 2

jQuery hover

С комбинацией fadeIn и fadeOut (для плавного показа / скрытия div с новостями) следует это сделать.