2010-10-06 4 views
5

У меня есть набор абзацев со следующим стилем:jQuery removeClass duration не работает?

.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.

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

+0

Nice «читать далее» идея - мне это нравится! – ChessWhiz

+0

Это отличный вопрос, кстати. Я ранее не знал о возможности анимации removeClass. – Ender

ответ

9

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

Заканчивать живой демо здесь: http://jsfiddle.net/YaSh6/

+0

+1 Да, это было! –

Смежные вопросы