Как сделать плавность при выезжании таблицы?

Question

[Genri_Rus]

Вот пытаюсь настроить плавность: jsfiddle.net/Genri_Rus/neop2q14
Я хотел сделать, чтобы если высота 100px, то font-size: 10px
Иначе font-size: 0

Но почему-то только первое условие срабатывает

Comments

[Kovalsky]

mdn:parseInt

[Genri_Rus]

Никита Полевой, немного непонятно

Что нужно сделать, ? я использую: parseFloat

[Kovalsky]

Genri_Rus, вы лукавите.

[Genri_Rus]

Никита Полевой,

Мне просто непонятно, я должен вместо parseFloat - parseInt использовать ?

[Kovalsky]

Genri_Rus, у вас в коде parseInt встречается в два раза чаще чем parseFloat.

Просто посмотрите на вызовы parseInt.

[Genri_Rus]

Никита Полевой, понял

Т.е. нужно продублировать parseFloat типа так ?

cssHeight = parseFloat(cssHeight.substring(10 ,cssHeight.length+2));

[Kovalsky]

У вас в parseInt вторым аргументом передаётся ноль, это слегка странно. Я не знаю что нужно, но как минимум в этом месте логическая ошибка. Исправьте её, думаю тогда все заработает

[Genri_Rus]

Никита Полевой, я сделал так: jsfiddle.net/Genri_Rus/2etzgj8r

Вроде первый клик работает, но при повторном клике font-size не увеличивается

[Genri_Rus]

Никита Полевой, по-идеи тут нужна проверка, если font-size меньше 0 ?

[Kovalsky]

Genri_Rus, почему не 0?

[Genri_Rus]

Никита Полевой, ну-да

Типа так ?

while(!sameHeight(this) && fontSizeDown = 0){
    $this.css("font-size", ++fontSizeDown);
 }

[Kovalsky]

Genri_Rus, знаков "=" стоит добавить чуть побольше, но это всё же ближе к правде. К тому же, думаю проще будет проверить если сразу это выполнить на jsfiddle

[Genri_Rus]

Никита Полевой, типа так ?

while(!sameHeight(this) && fontSizeDown == 0){
    $this.css("font-size", ++fontSizeDown);
 }

[Kovalsky]

Genri_Rus, выполни этот код на jsfiddle)

[Genri_Rus]

Никита Полевой, правильно ?

jsfiddle.net/Genri_Rus/2etzgj8r

[Kovalsky]

Genri_Rus, у тебя до 0px никогда не доходит, минимум 1px размер шрифта. Представления не имею почему так, но как минимум в этом проблема

[Genri_Rus]

Никита Полевой, в каком месте данная проблема ?

И вообще можно сделать проще ?

Если напишите, то отмечу ответ

[Kovalsky]

Genri_Rus, ну ты можешь вместо всей этой кучи проверок просто объявить какой-нибудь флаг который бы определял направление фэйда. Например если бы существовал некий флаг is_hidden который был бы true если элемент спрятан и false если элемент виден, то можно было бы устанавливать размер шрифта в зависимости от него: если is_hidden === true, то значит в данный момент элемент появляется, и размер шрифта нужно увеличивать.

[Genri_Rus]

Никита Полевой, и эффект плавности тогда бы не пропал ?

Answer 1

[Максим]

Привет!
Вместо строчки while(sameHeight(this) && fontSizeDown == 0)
попробуй поставить while(sameHeight(this) && fontSizeDown < 10)
10 - размер шрифта, который нужен

Comments

[Genri_Rus]

Спасибо большое, заработало !

Только шрифт какой-то маленький получается ?

jsfiddle.net/Genri_Rus/p80tyb3L

[Максим]

Genri_Rus, 16 поставить - самое то будет)

[Genri_Rus]

Максим Черябушкин, что-то не хочет: jsfiddle.net/Genri_Rus/neop2q14

[Genri_Rus]

Максим Черябушкин, в чем может быть причина ?

[Максим]

Genri_Rus, причина в том, что вот тут
while(!sameHeight(this) && fontSizeDown > 0) надо оставить как было
fontSizeDown == 0, тогда все хорошо работает)

[Genri_Rus]

Максим Черябушкин, спасибо )