Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

slayertop15

Fazer div Sumir

Por , em Javascript

Recommended Posts

slayertop15    0

slayertop15
Postado

Olá gente estou fazendo um menu responsivo porém não tenho muito conhecimento de jquery e chegou a hora de usar.

 

veja minha estrutura HTML.

<header id="navbar">
            <nav class="menu-list">
                <figure class="brand">
                    <a href="#" title="Covey">
                        <img src="images/Covey_logo.png" alt="Covey">
                    </a>
                </figure>
                <div class="menu-bar">
                    <a href="#" class="btn-menu">
                        <span class="icon-menu"></span>
                    </a>
                </div>
                <div class="pages">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Empresa</a></li>
                        <li><a href="#">Produtos</a></li>
                        <li><a href="#">Contato</a></li>
                    </ul>
                </div>
            </nav>
        </header>

Queria um javascript para fechar a Div pages quando eu clicar na div menu-bar

 

ja tentei usar essa solução e não funciona

$(document).ready(main);
 
function main () {
	$('.menu-bar').click(function(){
		$('.pages').toggle();
	});
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

JeimysonAlmeida    2

JeimysonAlmeida
Postado 
<script type="text/javascript">
  function fechar_div(){
   document.getElementById("pages").style.display = "none";
  
  
  }
  
  </script>

Coloca dentro do 

<head></head>

você tem que também atribuir um "id" ao div, ficando assim.

<div id="pages" class="pages">

Depois adiciona aonde quer acionar um evento onclick.

<a href="#" class="btn-menu" onclick="fechar_div();">

Sakas ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito