анимация ширины: содержимое исчезает при нулевой ширине

Question

анимация ширины: содержимое исчезает при нулевой ширине

0

У меня есть красные и blakc divs; когда я навешиваю над партией, красный div должен появиться, изменив ширину на реальную ширину! но проблема в том, что ширина равна 0px; содержимое отображается! Не могли бы вы помочь мне решить эту проблему!

скрипка

 $('#container').mouseover(function(){
$('#red').stop(true,true).animate({ width: '110px'}, 100);
})
$('#container').mouseout(function(){
$('#red').stop(true,true).animate({ width: '0px'}, 100);
})

обновлено:

Решенный скрипт. Но теперь, когда красный div изменяется до фактической ширины, текст "смотреть видео" идет на две строки! Как заставить его быть в одной строке?

Ctrl Alt Design 31 март 2014, в 01:59

Источник

Теги:

jquery

css

1 ответ

Ещё вопросы

Ctrl Alt Design · Accepted Answer · 2014-03-30T22-10-00.000Z

http://jsfiddle.net/pTU3L/2/

добавлено overflow:hidden

в #red div. проверить обновленную скрипку

Спасибо! ты решил это; но посмотрите на время, когда он меняет размеры, мир переходит к следующей строке, а затем подходит к реальной строке! Любая идея, чтобы решить это тоже? jsfiddle.net/web_developer_888/pTU3L/4
Вы можете установить "line-height" для высоты #red div, чтобы центрировать его вертикально