Изменить цвет текста внутри div, при наведении курсора на div

Question

Изменить цвет текста внутри div, при наведении курсора на div

0

У меня есть div и текст внутри него. Когда я нависаю над div, div подходит к цвету в правильном направлении. Я бы хотел, чтобы текст был внутри, но код ниже не работает.

<div class="project-container">
  <div class="info" id="{{ product.id }}" data-color='#{{ product.color }}' data-transparencia='{{ product.transparencia }}'>
    <p class="info-texto">{{ product.texto }}</p>
  </div>
</div>

$(".info").hover(
    function() {
        $(this).stop().animate({ backgroundColor:$(this).data('color'), opacity: $(this).data('transparencia') },30);
    },function() {
        $(this).stop().animate({ backgroundColor:'transparent'},30);
    },function() {
        $('.info-texto').stop().animate({ color: "#FFFFFF" },30);
    }
);

ziiweb 20 фев. 2014, в 16:47

Источник

0

Предоставьте скрипку, пожалуйста.
aksu 20 фев. 2014, в 15:16

Теги:

jquery

jquery-ui

1 ответ

Ещё вопросы

Предоставьте скрипку, пожалуйста.

Arun P Johny · Accepted Answer · 2014-02-20T13-05-00.000Z

метод .hover() принимает только два аргумента, поэтому попробуйте

$(".info").hover(function () {
    $(this).stop().animate({
        backgroundColor: $(this).data('color'),
        opacity: $(this).data('transparencia')
    }, 30);
    $(this).find('.info-texto').stop().animate({
        color: "#FFFFFF"
    }, 30);
}, function () {
    $(this).stop().animate({
        backgroundColor: 'transparent'
    }, 30);
    $(this).find('.info-texto').stop().animate({
        color: ""
    }, 30);
});