I solved it! It was not easy but with customer JavaScript-Code it works now.
I gave all the Tabs-elements and its content a specific id and set the attributes and class-name of them like I need it and at the end I call the URL with the id I need. So maybe someone will have the same problem as I so I will share my solution.
Here is my customer JavaScript-Code:
window.onload = function(){
//Footer-Links-Elements
var partnerangebot = document.getElementById(âfooter-partnerangebotâ);
var rpaasaservice = document.getElementById(âfooter-rpaasaserviceâ);
//Tabs
var faq_allgemein = document.getElementById(âfaq-tab-allgemeinâ);
var faq_integration = document.getElementById(âfaq-tab-integrationâ);
var faq_service = document.getElementById(âfaq-tab-serviceâ);
//Tabs-Content
var faq_allgemein_content = document.getElementById(âw-tabs-0-data-w-pane-0â);
var faq_integration_content = document.getElementById(âw-tabs-0-data-w-pane-1â);
var faq_service_content = document.getElementById(âw-tabs-0-data-w-pane-2â);
if(partnerangebot.onclick = function() {
faq_allgemein.setAttribute(âaria-selectedâ, âfalseâ);
faq_service.setAttribute(âaria-selectedâ, âfalseâ);
faq_integration.setAttribute(âaria-selectedâ, âtrueâ);
faq_allgemein.classList.remove("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_service.classList.remove("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_integration.classList.remove("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_integration.classList.add("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_service.classList.add("tab-link-3", "w-inline-block", "w-tab-link");
faq_allgemein.classList.add("tab-link-3", "w-inline-block", "w-tab-link");
faq_allgemein_content.classList.remove("w-tab-pane", "w--tab-active");
faq_integration_content.classList.remove("w-tab-pane", "w--tab-active");
faq_service_content.classList.remove("w-tab-pane", "w--tab-active");
faq_allgemein_content.classList.add("w-tab-pane");
faq_integration_content.classList.add("w-tab-pane", "w--tab-active");
faq_service_content.classList.add("w-tab-pane");
partnerangebot.setAttribute("href", "https://yoururl.com/#faq-integrationsprozess");
});
if(rpaasaservice.onclick = function() {
faq_allgemein.setAttribute(âaria-selectedâ, âfalseâ);
faq_service.setAttribute(âaria-selectedâ, âtrueâ);
faq_integration.setAttribute(âaria-selectedâ, âfalseâ);
faq_allgemein.classList.remove("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_service.classList.remove("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_integration.classList.remove("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_integration.classList.add("tab-link-3", "w-inline-block", "w-tab-link");
faq_service.classList.add("tab-link-3", "w-inline-block", "w-tab-link", "w--current");
faq_allgemein.classList.add("tab-link-3", "w-inline-block", "w-tab-link");
faq_allgemein_content.classList.remove("w-tab-pane", "w--tab-active");
faq_integration_content.classList.remove("w-tab-pane", "w--tab-active");
faq_service_content.classList.remove("w-tab-pane", "w--tab-active");
faq_allgemein_content.classList.add("w-tab-pane");
faq_integration_content.classList.add("w-tab-pane");
faq_service_content.classList.add("w-tab-pane", "w--tab-active");
rpaasaservice.setAttribute("href", "https://yoururl.com/#faq-rpaasaservice");
});
}