Jump to content
Biel.

hide e show

Recommended Posts

Direto ao ponto. Pessoal quando clico no menu A , o conteúdoA fica visível. Gostaria que ao clicar no menu A o conteúdoA ficasse invisivel  e quando clicasse novamente  ficasse visivel.

Gostaria que o menu B tivesse o mesmo resultado que menu A , mas que funcionasse assim:

Quando menuB receber um click gostaria que exibisse o conteudoB  e  ocultasse o conteudoA 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<style>

h1{ padding:10px 20px; background:#D49F00; color:#434343; font-size:24px;}

.conteudo { display:none;  background-color:#D4DF00; margin:4px 0px 10px 0px;}

</style>

<script>

$(document).ready(function(){
						   
$("h1").click(function(){
	$(this).next('.conteudo').show(); 
	});

});

</script>

<div class="aprendiz" >

<h1 >menu A</h1>
    <div class='conteudo'>
        conteudo do menu A 
    </div>
</div>

<!--  ---------------------------------------------------  -->

<div class="aprendiz ">
<h1 >Menu B</h1>
    <div class='conteudo  '>
 conteudo do menu B
    </div>
</div>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Biel.
      Direto ao ponto. Pessoal abaixo temos EX1 e EX2 . Gostaria que  EX2 tivesse o mesmo resultado que  EX1 e que o ano mudasse automaticamente quando o mês de dezembro acabasse, Vejam:
      EX1
      abril-2019 maio-2019 junho-2019 julho-2019 agosto-2019 setembro-2019 outubro-2019 novembro-2019 dezembro-2019 janeiro-2020 fevereiro-2020 março-2020 Ex2
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php setlocale(LC_ALL, 'portuguese'); date_default_timezone_set('America/Sao_Paulo'); $dia = date('d'); $mes = date('n'); $ano = date('Y'); $meses = array(1 => "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"); $mes_atual = $meses[$mes]; $ano_atual = $ano; echo "<b>mes atual:</b> ".$mes_atual.'<br />'; echo "<b>ano atual:</b> ".$ano_atual; ?> <hr /> <?php if($mes_atual == 'janeiro'){ $tete = array("janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"); } //----------------------------------- elseif($mes_atual == 'fevereiro'){ $tete = array("fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro", "janeiro"); } //----------------------------------- elseif($mes_atual == 'março'){ $tete = array("março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro", "janeiro", "fevereiro"); } //----------------------------------- elseif($mes_atual == 'abril'){ $tete = array( "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro" , "janeiro", "fevereiro", "março"); } //----------------------------------- elseif($mes_atual == 'maio'){ $tete = array("maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro" , "janeiro", "fevereiro", "março" , "abril"); } //----------------------------------- elseif($mes_atual == 'junho'){ $tete = array("junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro" , "janeiro", "fevereiro", "março", "abril", "maio"); } //----------------------------------- elseif($mes_atual == 'julho'){ $tete = array("julho", "agosto", "setembro", "outubro", "novembro", "dezembro", "janeiro", "fevereiro", "março", "abril", "maio", "junho"); } //----------------------------------- elseif($mes_atual == 'agosto'){ $tete = array("agosto", "setembro", "outubro", "novembro", "dezembro", "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho"); } //----------------------------------- elseif($mes_atual == 'setembro'){ $tete = array("setembro", "outubro", "novembro", "dezembro", "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto"); } //----------------------------------- elseif($mes_atual == 'outubro'){ $tete = array("outubro", "novembro", "dezembro", "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro"); } //----------------------------------- elseif($mes_atual == 'novembro'){ $tete = array("novembro", "dezembro", "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro"); } //----------------------------------- elseif($mes_atual == 'dezembro'){ $tete = array("dezembro", "janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro" ); } //----------------------------------- for($a=0; $a <count($tete); $a++){ $exibe = $tete[$a].'-'.'<br/>'; echo $exibe; } ?>  
    • By Biel.
      Direto ao ponto. Pessoa abaixo temos Ex1 e Ex2 . No Ex1 como faço para deixar disabled ( terça, quarta e sábado). Obrigado por sua atenção!
      Ex1
      <select name="semanas" size="7" style="font-size:20px;" required> <?php $dados = array("segunda", "terça", "quarta", "quinta", "sexta", "sábado", "domingo" ); for($a=0; $a <count($dados); $a++){ $exibe = $dados[$a]; ?> <option value="<?php echo $exibe; ?>" ><?php echo $exibe; ?></option> <?php } ?> </select> Ex2
      <select name="semanas" size="7" style="font-size:20px;" required> <option value="segunda" >seg</option> <option value="terça" disabled="disabled">ter</option> <option value="quarta" disabled="disabled">qua</option> <option value="quinta" >qui</option> <option value="sexta" >---</option> <option value="sábado" disabled="disabled">sab</option> <option value="domingo" >dom</option> </select>  
    • By Biel.
      Ola pessoal estou tentando imprimir 2019 2020 e 2021 três vezes usando apenas um for. Assim
       
      2019
      2020
      2021
      --------
      2019
      2020
      2021
      --------
      2019
      2020
      2021
      <?php  for($i=2019; $i <=2021; $i++){         echo $i .'<br />';         } ?>  
    • By Biel.
      Executar codigo php sem submit ou com submit e que a página não seja atualizada
      Pessoal o código php abaixo está funcionando normalmente, e após o submit  onChange="this.form.submit()" a página é atualizada. Gostaria que o código php abaixo funcionasse com submit ou sem submit, mas que a página não fosse atualizada . Dizem que é possível fazer isso com ajuda do javascript, jquery ou ajax. Como não sei nada de javascript, não sei por onde começar. Amigo, obrigado por sua atenção.  Nota:  Gostaria que o código php, html javascript ficasse tudo em uma só página. 
      <form action="" method="post" > <select name="teste" required size="3" onChange="this.form.submit()"> <option value="" ></option> <option value="aprendizA" >aprendizA</option> <option value="aprendizB" >aprendizB</option> </select> <hr /> <?php if (isset($_POST["teste"])){ ?> <?php if ($_POST['teste'] == ''){ ?> exibe 000 <?php } elseif ($_POST['teste'] == 'aprendizA'){ ?> exibe AAA <?php } elseif ($_POST['teste'] == 'aprendizB'){ ?> exibe BBB <?php } } ?> <hr /> <input type="text" name="gggg" required value="" /> </form>  
    • By Biel.
      Direto ao ponto. Pessoal abaixo temos um Ex em php que está interagindo com select e funcionando normalmente; o problema é que a página é carregada quando seleciono um item qualquer. Gostaria que continuasse funcionando normalmente, mas sem carregar a página.
      <form action="" method="post" > <select name="teste" required size="3" onChange="this.form.submit()"> <option value="" ></option> <option value="aprendizA" >aprendizA</option> <option value="aprendizB" >aprendizB</option> </select> <hr /> <?php if (isset($_POST["teste"])){ ?> <?php if ($_POST['teste'] == ''){ ?> exibe 000 <?php } elseif ($_POST['teste'] == 'aprendizA'){ ?> exibe AAA <?php } elseif ($_POST['teste'] == 'aprendizB'){ ?> exibe BBB <?php } } ?> <hr /> digite um texto qualquer <input type="text" name="gggg" required value="" /> </form>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.