Slidetoggle с div float left

У меня возникла проблема с jQuery sliderToggle(). Итак, у меня есть два div с свойством стиля float:left;. У меня также есть кнопка на каждом из div для минимизации и максимизации.Slidetoggle с div float left

Но всякий раз, когда я нажимаю кнопку, div подобен min/max'ing относительно ближайшего к нему div вместо min/max'ing.

Вот пример в jsfiddle

http://jsfiddle.net/Lc46R/

Он отлично работает, если я удалить float:left; свойство, но я хочу, чтобы держать дивы рядом друг с другом.

источник

2013-06-08 Anonymous

не понимают, как это должно выглядеть после минимизации? – bwoebi

Я хочу, чтобы отдельное окно скользило вниз и удерживало другой div в исходном положении/состоянии при минимизации –

добавить текст внутри div. вы заметите, что div's сведен к минимуму. я не понимаю, что вы действительно хотите –

http://jsfiddle.net/Lc46R/8/

Чтобы позволить дивы скользить вниз при сворачивании, используйте display: inline-block; vertical-align: bottom; вместо float: left;. Это все.

источник

2013-06-08 20:05:10 bwoebi

Хм, div все еще раздвигается для меня с встроенным блоком –

@iyuu, в каком браузере вы используете? работает для меня в firefox – bwoebi

Chrome, но я просто попробовал его на firefox и работал. Есть ли все равно, чтобы заставить его работать на хроме? –

Slidetoggle с div float left

ответ

Смежные вопросы