0

Bom dia, estou com um problema que é o seguinte: Quero que quando o utilizador clica num botão vai aparecer um div ou vários divs dependendo da pagina em que se encontra, mas a função só está a mostrar o primeiro div, mesmo usando id's diferentes.

 <div class="w3-container w3-padding-32" id="about">
   <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Sobre a escola</h3>
      <?php
          $sql_sobre = "SELECT sobre_augusto1 FROM campos";
          $sql_sobrequery = mysqli_query($conn, $sql_sobre) or die (mysqli_error($conn));
          $row = mysqli_fetch_row($sql_sobrequery);
          echo $row[0];
      ?><div id="edicao" hidden><code><b style="font-size:18px">Use &ltp&gt<i>exemplo de texto</i>&lt/p&gt quando quiser fazer um parágrafo.</b></code><form method="POST" action="confirmarEdicao.php"><textarea class="textboxEditar" name="edicaoSobreAugusto1"><?php echo $row[0]; ?></textarea> <input class="buttonEditar" type="submit" value="Confirmar"></form></div>
      <img src="planta.jpg" class="w3-image center">
      <?php
          $sql_sobre = "SELECT sobre_augusto2 FROM campos";
          $sql_sobrequery = mysqli_query($conn, $sql_sobre) or die (mysqli_error($conn));
          $row = mysqli_fetch_row($sql_sobrequery);
          echo $row[0];
      ?><div id="edicao1" hidden><code><b style="font-size:18px">Use &ltp&gt<i>exemplo de texto</i>&lt/p&gt quando quiser fazer um parágrafo.</b></code><form method="POST" action="confirmarEdicao.php"><textarea class="textboxEditar" name="edicaoSobreAugusto2"><?php echo $row[0]; ?></textarea> <input class="buttonEditar" type="submit" value="Confirmar"></form></div>
  </div>

Os divs que eu quero que apareçam e desapareçam são os com 'id="edicao..."'.

A minha função em javascript é a seguinte:

function ativaredicao(){
    var x = document.getElementById("edicao");
    var y = document.getElementById("edicao1");
    if ((x.style.display === "none") || (y.style.display === "none"))  {
        x.style.display = "block";
        y.style.display = "block";
    } else {
        x.style.display = "none";
        y.style.display = "none";
    }
}
8
  • Aqui funcionou as duas divs, muda o hidden por style="display:none", mas mesmo com hidden funcionou 2/05/2019 às 11:32
  • Para mim continua só a aparecer a primeira
    – RedCandy
    2/05/2019 às 11:41
  • No Console do DevTools tem algum erro? E para testar remove o PHP e deixa apenas o HTML e o JS 2/05/2019 às 11:44
  • tem 2 erros mas nao tem a ver com este código. mesmo tirando o php continuo com o problema.
    – RedCandy
    2/05/2019 às 11:48
  • Se o erro for de JS ele para a execução dos scripts, se for algo como (Not Found) não tem problema 2/05/2019 às 11:55

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .