Как адаптировать скрипт с bootstrap 4 на bootstrap 5?

Question

[almidi]

Добрый день! Есть скрипт на boostrap 4 который табы на телефоне преобразует в dropdown, там все отлично работает
пример


Переделал его на boostrap 5.2

Все работает кроме этого момента

const dNoneClass = "d-none";
	$dropdownMenuLinks.each(function () {
		const $this = $(this);
		if ($this.text() == dropdownToggleText) {
			$this.addClass(dNoneClass);
			
		} else {
			$this.removeClass(dNoneClass);
		}
	});

А именно не добавляется класс d-none (идеально потом заменить d-none на active) в dropdown меню, а так же если убрать с табов класс d-none d-md-flex и посмотреть сразу выпадающее меню и меню табов, то при клике на выпадающее меню активным делается и меню табов, а если кликнуть по меню табов, то выпадающее меню не меняется, на boostrap 4 этот момент работал

Почему-то оригинал codepen не подгрузил , вот ссылка https://codepen.io/tutsplus/details/JjbryOQ работающего кода на bootstrap 4

Проблема может быть в том, что boostrap 4 добавляет класс show к классу dropdown? а boostrap 5 к классу dropdown-toggle