https://pctp.org.uy/web/wp-content/themes/uncode-child/js/tabs.js?ver=1.0

1document.addEventListener("DOMContentLoaded", function() {
2            // Show the first content by default
3            document.getElementById('content_tab1').classList.add('tab_active');
4        
5            function showContent(contentId) {
6                const contents = document.querySelectorAll('.tabs');
7                contents.forEach(content => {
8                    if (content.id === contentId) {
9                        content.classList.add('tab_active');
10                    } else {
11                        content.classList.remove('tab_active');
12                    }
13                });
14            }
15            
16
17function handleButtonClick(event, contentId) {
18                event.preventDefault(); // Prevent the default action of the  element
19                showContent(contentId);
20            }
21            
22            // Add event listeners for each button
23            document.getElementById('button_tab1').addEventListener('click', function() {
24                handleButtonClick(event, 'content_tab1');
25            });
26
27            document.getElementById('button_tab2').addEventListener('click', function() {
28                 handleButtonClick(event, 'content_tab2');
29            });
30
31            document.getElementById('button_tab3').addEventListener('click', function() {
32             handleButtonClick(event, 'content_tab3')
33            });
34        });