Как сделать такой выпадающий список?

Question

[Vladislav]

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

Comments

[Danny Arty]

при клике нажал и список выпал в нииз, при том если там несколько списков, то выпав внизу он смещает другой и юзер сам скролит до конца списка

Понятно только то, что ничего не понятно. Есть хотя бы скрин похожего варианта?

[Vladislav]

Danny Arty, да вот нажмите Показать еще и уидите как список появлятся и вьюпорт не едет вниз , как у slideToggle
https://www.dns-shop.ru/catalog/17a8a01d16404e77/s...

[Ankhena]

show()

[Vladislav]

Ankhena, нет, не вариант

[Ankhena]

Vladislav, slideToggle кстати тоже прекрасно подходит ))))
https://jsfiddle.net/dm4g9jh3/

[Danny Arty]

Vladislav, viewport при slideToggle может прыгать только если вешаете событие на ссылку, в остальных случаях все будет норм. Вот пример что viewport не прыгает

[Vladislav]

Danny Arty, нет, все на батонах, вот пример, последняя кнопка и вьюпорт едет, он как бы толкая скртый список вверх, а мне надо выпадение вниз и скролит юзер дальше сам https://codepen.io/vladgr/pen/ZEWaxeY

[Danny Arty]

Vladislav, я не знаю куда приложить запись экрана, но у меня все норм с viewport на вашем примере)