Как стролить до нескольких якорей внутри accordeon bootstrap 4?

Question

[WebforSelf]

Набросал такой пример. Есть сверху ссылки которые ведут на якоря.
Якоря в свою очередь находятся в аккордеоне (вкладках)
Соответственно при клике на ссылку открывается нужный нам аккордеон и скролится до ссылки.
Когда якорь один , то мы его можем без проблем найти, но как сделать чтоб можно было размещать по нескольку якорей во вкладке? и чтоб при клике нужного он скролил именно до него а не до первого якоря.

Answer 1

[DivineDraft]

Проблема возникает по той причине, что в скрипте указана прокрутка до класса "anchor", который находит в открытом контейнере, находя первый найденный он останавливается, что вполне логично. Требуется указывать определенный, соответствующий вашей кнопке.
От суда вытекает решение - узнать значение ссылки и далее передать его в метод поиска в контейнере. Так как у вас прикручен там скрипт для открытия/закрытия, то данные действия мы не трогаем и работаем только с прокруткой, можно написать костыль, которой найдет нужный якорь, пример:

p.s. если у вас используется весь внутренний скрипт только для этого аккордеона, то лучше его переписать самостоятельно, выйдет максимум в строчек 30, а работать будет в разы лучше.

Comments

[WebforSelf]

Отлично! бустрап используется у меня в самом сайте библиотека, так что отказаться от нее не нужно.

Проблема еще в том что при клике по 1 ссылке он скроллит отлично, а вот если подняться и нажать на ссылку 2, то он закроет вкладку и скролить не будет ( потому что она уже открыта) по идее мне проверку надо на активность у вкладки проверять и закрывать и открывать ее по новой и уже скролить? как правильней?

[DivineDraft]

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

Закрывать явно не стоит, требуется доработать основное условие закрытия/открытия этих аккордеонов в скрипте, вроде начинается на 425 строчке (раскрыл при помощи https://beautifier.io/)

Если Контейнер тот же самый, который и открыт
  то ничего не делаем (второй скрипт сам прокрутить до нужного якоря)
Если контейнер другой
  то закрываем все и открываем выбранный (второй скрипт сам прокрутить до нужного якоря)

Еще как вариант, можно попробовать отвязаться от основного скрипта при раскрытие и задать собственноручно раскрытие/закрытие

[DivineDraft]

WebforSelf, еще можно имитировать нажатие кнопок, вроде работает корректно