Manipular divs com show() e animate() - Javascript - Fórum iMasters
By moraisarthur, March 12, 2016 in Javascript
moraisarthur 0
Olá pessoal, sou novo no javascript e não estou conseguindo fazer uma simples animação com uma div e uma nav. Sei que pode ser algo simples de se fazer mas eu não estou conseguindo.
Bom, o problema é o seguinte: Eu tenho uma div do meu HTML com esse ícone de menu: . O que eu preciso fazer é: Quando clicar nesse ícone, aparecer o menu que tem outros quatro ícones, dentro de uma nav. Eu consigo fazer isso através desse código:
$("#nav_menu").hide();
$("#icon_menu").click(function(event){
$("#icon_menu").animate({left: "8%"},700, function(){
$("#nav_menu").show(700);
Eu coloquei o animate para o ícone da div ir um pouco para a direita e os ícones da nav não ficar em cima dele.
O que eu quero fazer é um efeito de slide na nav, pois o efeito do show() não está combinando com o site. Mas quando eu coloco a configuração dentro das propriedades do show, show("slide",{direction:"left"},700); nenhum efeito acontece.