Блог

Есть ли способ с помощью атрибутов html создать ссылку, которая будет «открывать» только складную цель (если она уже открыта, то просто остается открытой) и привязывать ссылку к ней с помощью хэштега.

Когда я добавляю «data-bs-переключатель», моя привязка href=»#панель мониторинга-VC» не работает. lt;a class="btn" href="#dashboard-VC" data-bs-toggle="collapse" data-bs-target="#dash-VC"gt;{{NAME}}lt;/agt;

Я могу добавить этот JS для перемещения экрана, но я хотел избежать необходимости добавлять это, если есть способ сообщить BS5, чтобы событие click проходило без написания дополнительных JS lt;a class="btn" href="#dashboard-VC" onclick="document.getElementById('dashboard-VC').scrollIntoView();" data-bs-toggle="collapse" data-bs-target="#dash-VC"gt;{{NAME}}lt;/agt;

Теперь следующий вопрос: я хочу, чтобы это только «открывало» складную область, а не переключало ее. Эта кнопка представляет собой ярлык в верхней части страницы, который будет прокручиваться вниз, чтобы отобразить эту область и «открыть» ее, если она еще не открыта. Я могу написать JS, чтобы делать все, но я надеялся, что все это будет бесплатно, и просто использовать HTML-атрибуты BS5 для обработки, но не уверен, что это возможно.

Я попробовал data-bs-toggle=»открыть», но это не то, что я надеялся, что это просто не было задокументировано. Может быть, есть что-то другое, кроме компетентного коллапса, что справилось бы с этим лучше?

Вот рабочий пример, но все в JS, чего я хотел избежать в коде: lt;a class="btn" href="#dashboard-VC" onclick="document.getElementById('dashboard-VC').scrollIntoView();document.getElementById('dash-VC').classList.add('show')"gt;{{NAME}}lt;/agt;

Спасибо.