@@ -315,25 +315,30 @@ document.addEventListener('DOMContentLoaded', () => {
const filterBtn = document.getElementById('filter-toggle-btn');
const filterContent = document.getElementById('filter-content');
const filterChevron = document.getElementById('filter-chevron');
- let isFilterOpen = false;
+
+ // Define estado inicial baseado na largura da tela
+ let isFilterOpen = window.innerWidth > 1024;
- // Abre o menu automaticamente se a tela for grande (Desktop), fecha em Mobile
- if(window.innerWidth > 1024) {
- isFilterOpen = true;
- filterContent.style.display = 'block';
- filterChevron.style.transform = 'rotate(180deg)';
+ // Função para aplicar o estado visual
+ function updateFilterState() {
+ if(isFilterOpen) {
+ filterContent.style.display = 'block';
+ filterChevron.style.transform = 'rotate(180deg)';
+ } else {
+ filterContent.style.display = 'none';
+ filterChevron.style.transform = 'rotate(0deg)';
+ }
+ }
+
+ // Aplica estado inicial ao carregar
+ if (filterContent && filterChevron) {
+ updateFilterState();
}
if(filterBtn && filterContent) {
filterBtn.addEventListener('click', () => {
- isFilterOpen = !isFilterOpen;
- if(isFilterOpen) {
- filterContent.style.display = 'block';
- filterChevron.style.transform = 'rotate(180deg)';
- } else {
- filterContent.style.display = 'none';
- filterChevron.style.transform = 'rotate(0deg)';
- }
+ isFilterOpen = !isFilterOpen; // Inverte o estado
+ updateFilterState(); // Aplica a mudança
});
}