Мой код выводит следующее, и я ищу способ, чтобы добавить к нему навигацию по стрелкам.
<div class="elementor-widget-container">
<div class="elementor-tabs" role="tablist">
<div class="elementor-tabs-wrapper" role="tab">
<div class="elementor-tab-title elementor-tab-desktop-title elementor-active" data-tab="1" tabindex="7241">First tab</div>
<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="2" tabindex="7242">Second tab</div>
<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="3" tabindex="7243">Third tab</div>
</div>
</div>
</div>
Отлично работает с навигацией по вкладкам. Как только я нажимаю на название каждой вкладки, она перемещает меня на соответствующую вкладку.
Я с нетерпением ожидал добавления простых стрелочных ссылок внутри их содержимого, которые выполняли бы те же действия, что и нажатие на вкладку (ссылка на соответствующий тег).
Я попытался добавить:
<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="2" tabindex="7242">Click me to go to tab 2</div>
и
<a href="#" class="elementor-tab-title elementor-tab-desktop-title" data-tab="2" tabindex="7242">Click me to go to tab 2</a>
на вкладку номер один, с tabindex 7241, но он не работает (он не перемещается на вкладку 2).
Есть идеи, как сделать эту ссылку?