hay un boton que no sirve que despliega el menu de busqueda de la pagina
Browse files- index.html +50 -30
index.html
CHANGED
|
@@ -4845,40 +4845,60 @@
|
|
| 4845 |
const delta = direction === 'left' ? -scrollAmount : scrollAmount;
|
| 4846 |
feed.scrollBy({ left: delta, behavior: 'smooth' });
|
| 4847 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4848 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4849 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4850 |
|
| 4851 |
-
|
| 4852 |
-
|
| 4853 |
-
|
| 4854 |
-
|
| 4855 |
-
|
| 4856 |
-
|
| 4857 |
-
|
| 4858 |
-
|
| 4859 |
-
|
| 4860 |
-
|
| 4861 |
-
|
| 4862 |
-
|
| 4863 |
-
|
| 4864 |
-
|
| 4865 |
-
|
| 4866 |
-
|
| 4867 |
-
if (isVisible) {
|
| 4868 |
-
menu.classList.remove('show');
|
| 4869 |
-
icon.className = 'fas fa-bars';
|
| 4870 |
-
console.log('Men煤 cerrado');
|
| 4871 |
-
} else {
|
| 4872 |
-
menu.classList.add('show');
|
| 4873 |
-
icon.className = 'fas fa-times';
|
| 4874 |
-
console.log('Men煤 abierto');
|
| 4875 |
-
}
|
| 4876 |
-
} else {
|
| 4877 |
-
console.error('Elementos no encontrados');
|
| 4878 |
}
|
| 4879 |
-
}
|
| 4880 |
-
|
| 4881 |
-
// Funci贸n para expandir secciones
|
| 4882 |
function toggleSection(section) {
|
| 4883 |
console.log('馃幆 Toggle secci贸n ejecutado');
|
| 4884 |
|
|
|
|
| 4845 |
const delta = direction === 'left' ? -scrollAmount : scrollAmount;
|
| 4846 |
feed.scrollBy({ left: delta, behavior: 'smooth' });
|
| 4847 |
}
|
| 4848 |
+
// Mobile menu functionality
|
| 4849 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 4850 |
+
const mobileMenuBtn = document.getElementById('mobileMenuBtn');
|
| 4851 |
+
const mobileMenu = document.getElementById('mobileMenu');
|
| 4852 |
+
|
| 4853 |
+
if (mobileMenuBtn && mobileMenu) {
|
| 4854 |
+
mobileMenuBtn.addEventListener('click', function(e) {
|
| 4855 |
+
e.preventDefault();
|
| 4856 |
+
e.stopPropagation();
|
| 4857 |
+
|
| 4858 |
+
// Toggle menu visibility
|
| 4859 |
+
mobileMenu.classList.toggle('show');
|
| 4860 |
+
|
| 4861 |
+
// Change icon
|
| 4862 |
+
const icon = mobileMenuBtn.querySelector('i');
|
| 4863 |
+
icon.className = mobileMenu.classList.contains('show') ? 'fas fa-times' : 'fas fa-bars';
|
| 4864 |
+
});
|
| 4865 |
|
| 4866 |
+
// Close menu when clicking outside
|
| 4867 |
+
document.addEventListener('click', function(e) {
|
| 4868 |
+
if (!mobileMenuBtn.contains(e.target) && !mobileMenu.contains(e.target)) {
|
| 4869 |
+
mobileMenu.classList.remove('show');
|
| 4870 |
+
mobileMenuBtn.querySelector('i').className = 'fas fa-bars';
|
| 4871 |
+
}
|
| 4872 |
+
});
|
| 4873 |
|
| 4874 |
+
// Close menu when clicking a link
|
| 4875 |
+
const menuLinks = mobileMenu.querySelectorAll('a');
|
| 4876 |
+
menuLinks.forEach(link => {
|
| 4877 |
+
link.addEventListener('click', function() {
|
| 4878 |
+
mobileMenu.classList.remove('show');
|
| 4879 |
+
mobileMenuBtn.querySelector('i').className = 'fas fa-bars';
|
| 4880 |
+
});
|
| 4881 |
+
});
|
| 4882 |
|
| 4883 |
+
// Toggle submenus
|
| 4884 |
+
const menuSections = mobileMenu.querySelectorAll('.mobile-menu-section');
|
| 4885 |
+
menuSections.forEach(section => {
|
| 4886 |
+
const header = section.querySelector('.mobile-menu-header');
|
| 4887 |
+
if (header) {
|
| 4888 |
+
header.addEventListener('click', function() {
|
| 4889 |
+
section.classList.toggle('expanded');
|
| 4890 |
+
const icon = section.querySelector('.toggle-icon');
|
| 4891 |
+
if (icon) {
|
| 4892 |
+
icon.style.transform = section.classList.contains('expanded')
|
| 4893 |
+
? 'rotate(180deg)'
|
| 4894 |
+
: 'rotate(0deg)';
|
| 4895 |
+
}
|
| 4896 |
+
});
|
| 4897 |
+
}
|
| 4898 |
+
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4899 |
}
|
| 4900 |
+
});
|
| 4901 |
+
// Funci贸n para expandir secciones
|
|
|
|
| 4902 |
function toggleSection(section) {
|
| 4903 |
console.log('馃幆 Toggle secci贸n ejecutado');
|
| 4904 |
|