Как правильно сделать анимацию для text-align: justify со скрытыми элементами?

Question

[froosty]

Доброго времени суток. Возникла такая проблема. Есть вот такая штука Обратите внимание на жёлтый блок. По клику на ссылку - плавно появляется ещё один пункт меню. Всё бы хорошо, но до клика есть вот этот отступ joxi.ru/XYmEQEviZ3yNm6
Я понимаю откуда он появился, но я не знаю, как его убрать((( А изначально жёлтый блока должен выглядеть, как красный (т.е. без этого отступа)

P.S. Может кто-то подскажет вообще другое решение, без использования inline block? Задача в следующем. Есть список пунктов меню. Изначально видны первые n элементов. По клику на ссылку должны плавно появиться оставшиеся элементы. Видимые элементы должны быть растянуты на всю ширину блока. И появляться должно плавно=)

Буду очень благодарен за помощь!!! Заранее спасибо =)

Answer 1

[Владимир]

Типа такого jsfiddle.net/br3t/sp486nnf ?

Comments

[froosty]

Спасибо, подошло)