JQuery slideToggle странное поведение

Мне действительно нужна помощь, я не вижу ничего очевидного, и обычно лучше всего обратиться за помощью. У меня есть 4 divs в сетке с 12 столбцами. Каждый div доступен для кликов, а при щелчке должен отображать соответствующий div под ним, изначально установленный для отображения: none.

Все нормально, пока я нажимаю на них по порядку от первого до последнего, но если я сначала нажму, скажем, на третьем div, он отобразит соответствующий div, но не под ним, он отобразит его вместо первого соответствующего div,

Я использую простой slideToggle здесь и действительно не могу понять, что не так. Если я поместил соответствующие divs (скрытые) в видимые, они все отображаются правильно, поэтому это не ошибка CSS.

Я могу предоставить код, но я ставлю его онлайн, просто нажмите на вкладку методов, и вы увидите, что я имею в виду.

Ссылка здесь

Извините, если я не объяснил это лучше, английский не мой родной язык. Спасибо!

1 ответ

Вам нужно оставить место для этих дивов. Используйте visibility:hidden и animation но не используйте display:none который не сохраняет пространство для скрытого элемента. Все встроенные функции эффекта, такие как hide(), slideToggle() и т.д., slideToggle() display:none для вашего элемента.

licensed under cc by-sa 3.0 with attribution.