Как сделать аккордеон bootstrap, чтобы содержимое блока не уезжало вверх при раскрытии?

Question

[Senseich]

Впервые делал аккордеон и столкнулся с такой ситуацией, что пункты которые лежат ниже открываются вверх. Возможно так и задумано в бутстрапе, но это не удобно.
Посмотреть можно здесь: cph.product-web.ru/test.php , где начинаются пункты prntscr.com/hxy2bp

Суть в чём: когда нажимаешь первый пункт- "Пластическая хирургия", то всё норм - выезжает табличка. Если потом спуститься вниз таблицы до следующего пункта - "Косметология" и его нажать, то он открывается вверх, т.е нужно подниматься вверх, чтобы посмотреть табличку с начала.
По мне так это не удобно очень! Может я что-то не так сделал? Нельзя сделать так чтобы текущий пункт оставался на месте , а содержимое раскрывалось вниз?

Comments

[Senseich]

Php Storm, что del?

[Ankhena]

Php Storm, у комментария справа есть три точечки и в них пункт "удалить"

[Senseich]

Ankhena, а по вопросу никаких идей? )

[Ankhena]

Senseich, неа, у меня открывается всё вниз (хром)

[Senseich]

Ankhena, открывается то оно вниз, но сам пункт уезжает вверх, я посмотрел даже на офф. сайте бутстрапа так. А вот как сделать чтобы он не уезжал

[Ankhena]

Senseich, чтобы улетело вверх я поймала только один раз и не осознала при каком порядке действий. При всех остальных попытках заголовок остается на месте, блок разворачивается вниз.

[Senseich]

Ankhena, можете ваш пример показать?

[Ankhena]

Senseich, я ваш сайт открыла )))

[Senseich]

Ankhena, наверное неправильно поняли. Вот нажмите на пластику и не закрывая его спуститесь вниз и нажмине косметологию, заголовок косметология улетает вверх ))

[Ankhena]

Senseich, нет, не улетает

[Senseich]

Ankhena, ну как же, вот же

[Ankhena]

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

[Senseich]

Ankhena, вобще ниже лежащие пункты, как я понял в любом случае будут уезжать вверх , потому как верхние сворачиваются, это особенность аккордиона.

[Ankhena]

Senseich, логично
есть еще альтернатива, кроме указанных выше: не сворачивать другие пункты при открытии нового

[Senseich]

Ankhena, да, я тоже об этом подумал, наверное так будет логичнее сделать

Answer 1

[StrikeBack]

все логично. когда у вас открыт первый пункт и вы нажимаете на второй, у вас первый блок схлопывается, и открывается второй. создается ощущение что контент открывается вверх. Чтоб такого эффекта не появлялось, необходимо сделать чтобы блоки открывались и раскрывались независимо друг от друга (отключить аккордион, оставить одни коллапсы), то есть при открытии второго, перый должен остаться закрытым.

либо закостылить и скроллить страницу к началу блока, после открытия блока по которму кликнули