| 1494 | |
| 1495 | // Switching control elements |
| 1496 | function toggleControlsVisibility() { |
| 1497 | controlsVisible = !controlsVisible; |
| 1498 | |
| 1499 | const allControls = document.querySelectorAll( |
| 1500 | '.controls-container, .dg.main, #audioControls, #presetContainer, #songSelect, #playPause, input[type="range"], button, select, input[type="text"]' |
| 1501 | ); |
| 1502 | |
| 1503 | allControls.forEach(control => { |
| 1504 | control.style.display = controlsVisible ? 'block' : 'none'; |
| 1505 | }); |
| 1506 | } |
| 1507 | |
| 1508 | // Event listener on click |
| 1509 | document.addEventListener('click', (event) => { |