https://theracquetx.com/wp-content/themes/racquetx2/assets/js/about-accordion.js?ver=7.0.5

1document.addEventListener('DOMContentLoaded', function() {
2  document.querySelectorAll('.more').forEach(function(button) {
3    button.addEventListener('click', function() {
4      
5      // Hide all job elements and show all description elements
6      document.querySelectorAll('.job').forEach(function(job) {
7        job.style.display = 'block';
8      });
9      document.querySelectorAll('.more').forEach(function(job) {
10        job.style.display = 'block';
11      });
12      document.querySelectorAll('.description').forEach(function(description) {
13        description.style.height = '0';
14        description.style.opacity = '0';
15      });
16
17      // Show the closest description and hide the closest job
18      const accordion = this.closest('.accordion');
19      accordion.querySelector('.more').style.display = 'none';
20      accordion.querySelector('.job').style.display = 'none';
21      accordion.querySelector('.description').style.opacity = '1';
22      accordion.querySelector('.description').style.height = 'auto';
23    });
24  });
25});