document.addEventListener('DOMContentLoaded', function () {
// Controleer of de class 'fendt-onderdelen-per-merk' aanwezig is
const fendtSection = document.querySelector('.fendt-onderdelen-per-merk');
if (!fendtSection) return; // Stop als de class niet aanwezig is
// Selecteer de originele rij
const row = document.querySelector('.row');
if (!row) return; // Stop als de rij niet bestaat
// Maak een dropdown button
const dropdownButton = document.createElement('button');
dropdownButton.textContent = 'Selecteer een serie';
dropdownButton.className = 'dropdown-button';
row.before(dropdownButton); // Voeg de knop boven de rij toe
// Verberg de originele rij standaard
row.style.display = 'none';
// Maak een dropdown container
const dropdownContent = document.createElement('div');
dropdownContent.className = 'dropdown-content';
dropdownContent.style.display = 'none';
dropdownContent.innerHTML = row.innerHTML; // Kopieer de inhoud van de originele rij
row.before(dropdownContent); // Plaats de dropdown onder de knop
// Voeg toggle-functionaliteit toe
dropdownButton.addEventListener('click', function () {
const isVisible = dropdownContent.style.display === 'block';
dropdownContent.style.display = isVisible ? 'none' : 'block';
});
});
