Анимация границы не работает при наведении. SlideToggle работает нормально - PullRequest
Новая
       22

Анимация границы не работает при наведении. SlideToggle работает нормально

0 голосов
/ 17 августа 2011

Я пытаюсь изменить цвет правой границы DIV, когда другой завис.Решение заставить работать slideToggle немного отличалось от того, о чем я читал, поэтому я думаю, что это решение будет немного другим.

Вот очень длинный код: 

$(document).ready(function(){

$(".articleExpand").hide();

$('.mainArticle').hover(function() {   
     $(this).find('.articleExpand').stop(true,true).slideToggle('medium');
  }); 


$("mainArticle").hover(function(){
  $(this).find('.articleExpand').animate({"borderRightColor" : "#cccccc"}, 300);
});


});

Как я уже говорил, слайд-тогл хорошо, но я не уверен, как интегрировать анимацию.

Большое спасибо всем,

Том

1 Ответ

0 голосов
/ 17 августа 2011

Добро пожаловать в удивительный мир JQuery UI!(Это то, что вам нужно использовать.)

http://jqueryui.com/demos/animate/

"Ядро эффектов пользовательского интерфейса jQuery расширяет функцию animate и позволяет анимировать цвета. Она активно используется переходом классафункция, и она может анимировать цветом следующие свойства:

backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color outlineColor с одной из следующих комбинаций:

hex (# FF0000) rgb (rgb (255,255,255)) имена( "черный") "

...