https://dauliabringel.com.br/site/js/dmb-menurodape.js

1/* Adicione jQuery ao seu código 
2<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> */
3$(document).ready(function(){ 
4    // Ocultar os menus laterais e o overlay no início
5    $("#busca, #favoritos, #overlay").hide(); //$("#busca").css("display", "none !important");
6
7    $("#abrir-busca").click(function() { 
8        if ($("#busca").is(":visible")) { 
9            fecharMenu("#busca", "#overlay"); 
10        } else {
11            fecharMenu("#favoritos", "#overlay", abrirMenu, "#busca");
12        }
13    }); 
14
15    $("#abrir-favoritos").click(function() { 
16        if ($("#favoritos").is(":visible")) { 
17            fecharMenu("#favoritos", "#overlay"); 
18        } else { 
19            fecharMenu("#busca", "#overlay", abrirMenu, "#favoritos");
20        }
21    }); 
22 
23    $("#fechar-busca, #fechar-favoritos").click(function() { 
24        fecharMenu("#busca", "#overlay"); 
25        fecharMenu("#favoritos", "#overlay"); 
26    }); 
27 
28    $("#overlay").click(function() { 
29        fecharMenu("#busca", "#overlay"); 
30        fecharMenu("#favoritos", "#overlay"); 
31        $(this).fadeOut(300); // Fechar o overlay ao ser clicado
32    });  
33
34    function abrirMenu(menu) { 
35        $(menu).fadeIn(300).addClass('lado-fechar'); 
36        $("#overlay").fadeIn(300); 
37    } 
38
39    function fecharMenu(menu, overlay, callback, argument) { 
40        if (overlay) {
41            $(overlay).fadeOut(300); // Fechar o overlay se fornecido
42        }
43        $(menu).removeClass('lado-fechar').fadeOut(300, function() {
44            if (callback && typeof callback === 'function') {
45                callback(argument); // Executar a função de callback se fornecida
46            }
47        }); // Fechar o menu e remover a classe aberta
48    } 
49});