эффект затухания jquery

Question

у меня есть этот код JavaScript, к которому я хочу добавить эффект постепенного увеличения jquery

hover.addEventListener('mouseover',function () {Core.addClass(cpanel,"on");},false);

Core - еще одна библиотека, которую я использую. вышеописанный обработчик событий просто позволяет элементу cpanel перейти в видимое состояние. Как я могу заставить его исчезнуть в поле зрения. Я использую JQuery-UI, и я очень новичок в этом.

Большое спасибо заранее.

Answer 1

Предполагая, что у вашего cpanel div есть класс 'on', вы можете сделать это:

$('.on').fadeIn("slow"); //.fadeIn("normal"); or .fadeIn("fast");  

См. эффект затухания в jQuery

.

Answer 2

Вы можете использовать fadeIn:

http://docs.jquery.com/Effects/fadeIn#speedcallback

Если вы все еще хотите использовать свой фрагмент для добавления этого класса (что также можно сделать в jQuery, кстати), просто поместите перед ним код jQuery fadein. Это вызовет эффект fadeIn, а затем просто добавьте (возможно, избыточный) класс «on».

В ответ на комментарий: Это код, который я бы попробовал сначала

hover.addEventListener('mouseover',function () {
  cpanel.fadeIn("slow"); // this is if cpanel is a jQuery object.  If it is an element, do $(cpanel).fadeIn("slow");
  Core.addClass(cpanel,"on");
}, false);

Если это все еще не работает, вы можете дать мне знать, что происходит, если что-нибудь? Спасибо.