У вас есть дополнительный float, вызывающий здесь странное поведение, просто удалите его, чтобы исправить:
<div id="list" style="overflow: hidden; width: 412px; ">
Обработчик click
работает, но, поскольку он с плавающей точкой, ширина просто скрыта, потому что его родитель также имеет overflow: hidden
. Если вы динамически сворачиваете вложенные элементы overflow / floated, подобные этим, они не будут правильно расширяться, по крайней мере, не в кросс-браузерном режиме. К счастью, в вашем случае поплавок посторонний, просто удалите его, и ваш текущий код jQuery будет работать нормально:)