vichoka commited on
Commit
71c1be2
路
verified 路
1 Parent(s): 0035af9

hay un boton que no sirve que despliega el menu de busqueda de la pagina

Browse files
Files changed (1) hide show
  1. 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
- // ===== MEN脷 M脫VIL COMPLETAMENTE NUEVO =====
4852
-
4853
- // Funci贸n para abrir/cerrar el men煤
4854
- function toggleMobileMenu() {
4855
- const menu = document.getElementById('mobileMenu');
4856
- const btn = document.getElementById('mobileMenuBtn');
4857
- const icon = btn.querySelector('i');
4858
-
4859
- console.log('Toggle ejecutado');
4860
- console.log('Men煤:', menu);
4861
- console.log('Bot贸n:', btn);
4862
-
4863
- if (menu && btn) {
4864
- const isVisible = menu.classList.contains('show');
4865
- console.log('驴Est谩 visible?', isVisible);
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