document.addEventListener(‘DOMContentLoaded’, function() {
// Hide area list by default using CSS
document.getElementById(‘area-list’).classList.add(‘hidden’);

// Toggle area list visibility
document.getElementById(‘toggle-areas’).addEventListener(‘click’, function() {
var areaList = document.getElementById(‘area-list’);
areaList.classList.toggle(‘hidden’);
this.textContent = areaList.classList.contains(‘hidden’) ? ‘Show More: Richmond Attached for Sale by Area’ : ‘Show Less’;
});
});

.hidden {
display: none;
}

document.addEventListener(“DOMContentLoaded”, function() {
// Ensure that the DOM is fully loaded
var toggleButton = document.getElementById(“toggle-areas”);
var areaList = document.getElementById(“area-list”);

if (toggleButton && areaList) { // Check if both elements exist
toggleButton.addEventListener(“click”, function() {
if (areaList.style.display === “none”) {
areaList.style.display = “block”;
toggleButton.textContent = “Show Less”;
} else {
areaList.style.display = “none”;
toggleButton.textContent = “Show More”;
}
});
} else {
console.error(“Toggle button or area list not found.”);
}
});