У меня есть параграф со следующим стилем:
.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.
Есть ли причина, по которой не выполняется анимация?