G F

Если я правильно тебя понял, проблема в том что у тебя срабатывает скролл ивент даже тогда, когда элемент уже на экране, а ты хочешь чтобы срабатывал только при первом появлении.
Попробуй https://developer.mozilla.org/ru/docs/Web/API/Inte...
Он позволяет отслеживать появление элементов на экране, в том числе их текущее положение (свойство isIntersecting). Используя этот флаг ты можешь задать когда ты хочешь делать скролл.

Применяй nth-child к li-title, погугли что он делает для начала, станет понятно.

Гугел.сом/как-создать-аккордеон

https://www.w3schools.com/cssref/pr_scroll-behavior.asp

А в чем сакральный смысл вызова скрипта прямо внутри таблицы? Не уверен, но думаю проблема в innterHTML.

Добавляешь невидимые блоки с информацией, каждому блоку задаешь идентификатор, добавляешь селекту слушателя событий на change/input event в котором изменяешь видимость конкретных секций с информацией в зависимости от выбранного option.