JQuery RemoveClass длительность не работает? - PullRequest
5 голосов
/ 06 октября 2010

У меня есть параграф, заданный в следующем стиле:

.design_info_box p.design_info_desc
{
    height:30px;
    text-overflow: ellipsis;
    overflow:hidden;
}

С этим вы можете увидеть первые 2 строки текста с кнопкой «читать дальше», которая расширяет абзац, чтобы показать остальныетекста.

Вот код кнопки:

$(".read-more div").click(function(){
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow");
    $(this).hide();
});

Это удаляет класс и раскрывается весь абзац.Однако это не одушевляет.Согласно документам removeClass должен иметь продолжительность анимации.Я также попытался заменить «медленное» числом, например, 10000.

Есть ли причина, по которой оно не анимируется?

1 Ответ

9 голосов
/ 06 октября 2010

Причина, по которой это не работает (я считаю), заключается в том, что это особенность jQueryUI, а не базовая библиотека jQuery. Включите ссылку на jQueryUI на своей странице, и это должно начать работать.

Проверьте живую демонстрацию здесь: http://jsfiddle.net/YaSh6/

...