Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal boa tarde.
Alguém pode dar uma dica?
Como eu faço para através do Botão "Atendimento" chamar a div abaixo:
</li>
<li>
<a href=" "><i class="fa fa-sitemap fa-fw"></i> Atendimento</a>
</li>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<h1 class="page-header"> </h1>
<iframe src="../../index.php" frameborder="0" style="min-height: 500px; width:100%; border: 0;"></iframe>
</div>
</div>
</div>fchagas97
Tem como passar o código?
Conheço pouco!
Oi,
Segue exemplo:
https://jsfiddle.net/taditdash/Lc2z7/
Edit:
Recomendo leitura:
Hide:
Show:
Tem um site bacana tmb pra Jquery:
Crie uma função em Javascript para abrir a div:
<script type="text/javascript">
function abreDiv() {
document.getElementById("page-wrapper").style.display="block";
}
</script><a href="" onclick="abreDiv();">Atendimento</a>
E a div com display none:
<div id="page-wapper" style="display: none">
...
</div>Agradeço, mais não funcionou!
Só preciso que ao clicar no nome "Atendimento" ele carregue a div "teste".
EXEMPLO:
<a href=""><i class="fa fa-phone fa-fw"></i> Atendimento</a>
<div id="teste">A resposta do colega acima está 'certa'.
só o ID que estava diferente.
de qualquer forma segue o código:
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function abreDiv() {
document.getElementById("page-wrapper").style.display="block";
}
</script>
<div id="page-wrapper" style="display: none;">
dsadsadsadsa
</div>
<a href="#" onclick="abreDiv();">Atendimento</a>
</body>
</html>Dos links q eu passei você nem o trabalho se deu de abrir correto?
Negativo Gabriel, abrir todos os links sim, mais como eu sou muito novo em programação, algumas coisas não conseguir entender!
Mais agradeço e vou testar a solução.
Obrigado.
Muito simples: deixe a div com um display none e use o evento onclick no botão para mudar para display block.