Таблица не изменяет размеры из-за текста внутри

Question

У меня есть таблица с текстом внутри. У меня есть сценарий jQuery, чтобы изменить ширину ячеек таблицы, чтобы действовать как слайдер. В таблице есть 3 квадратные ячейки bt1, bt2 и bt3. По нажатию они выталкивают основные ячейки. В сценарии я установил ширину активной ячейки равной 0 пикселей, чтобы растянуть другую ячейку. Но текст внутри не позволяет этому случиться.

Здесь вы можете видеть то, что я пытаюсь сказать. Кто-нибудь получил исправление? Должен ли я добавить или изменить свой CSS?

Answer 1

Вы можете использовать .show () и .hide () после завершения анимации и показать / скрыть соответствующий контент.

DEMO здесь

Answer 2

Ну, попробуйте это демо: http://jsfiddle.net/RE3jY/1/
Я изменил конструкцию макета для некоторых плавающих элементов div, которых вы не могли достичь с помощью ячеек таблицы.

Я сохранил только необходимый стиль, чтобы демо заработало.

надеюсь, это поможет