Ir para conteúdo

Arquivado

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

  • 0
Guilherme Coveseviski

Alguém sabe abrir um Accordion com link externo?

Pergunta

Alguém sabe abrir um Accordion com link externo? 

 

segue o código

 

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">

<a  href="#link" ><div  class="w3-light-grey w3-section">
  <button onclick="myFunction('Demo1')" class="w3-button w3-block">
  Default (100%)</button>
  <div id="Demo1" class="w3-hide w3-container">
    <p>Lorem ipsum 100% width</p>
  </div>
</div></a>


</div>
<script>
function myFunction(id) {
    var x = document.getElementById(id);
    if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
    } else { 
        x.className = x.className.replace(" w3-show", "");
    }
}
</script>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

3 respostas a esta questão

Recommended Posts

tenho um link em uma página. Ex.: RECEITA DE TOMATE. 

QUANDO CLICO EM RECEITA DE TOMATE. VAI abrir o código acima em outra pagina com o Accordion aberto. Neste explo voce tem que clicar no titulo para abrir a função. eu não quero isso. 

Digamos que iria aparacer a ceira de tomate inteira na outra pagina.. eu gostaria de colocar as receitas em uma pagina só. com os Accordion fechados.. e com a possibilidade de clicar nos links de acesso para abri-los. 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Staypler
      Galera, sou novo no fórum, estou colocando o tópico nessa categoria porque não sabia bem onde classificar.
       
      Mas é o seguinte. Eu quero criar um link em que dentro dele tenha por exemplo mais outros 10 links.
      Daí quando clico nesse link eu sou redirecionado aleatoriamente para qualquer um desses 10 links, e toda vez que eu der f5 redirecione aleatorio para qualquer uma dos 10 e assim por diante.
       
      Alguém pode me ajudar com isso?
       
      No caso eu quero utilizar em um site que estou criando, e daí a pessoa clica no botão e é enviada para qualquer um dos 10 artigos que tenho, por exemplo.
    • Por crhistianosa
      Tenho uma tabela no google planilhas (google sheets) e criei uma página html com uma tabela para exigir o conteúdo dessa planilha. Ocorre que há uma coluna cujas células contêm link. Na tabela no google aparece como link e clicável. Contudo, na página html não. Como faço para que esse contéudo apareça como link na tabela html?
    • Por unnameduser
      Tem alguma forma de retirar esse espaço que fica entre os links quando selecionados no CTRL + A? Isso particularmente me incomoda muito.

    • Por Gildvan Arley
      Olá a todos
      estou criando uma área do usuário onde vai ser listados os kits do servidor de jogos que eu tenho em sua área.
      quando o kit acaba vai aparecer o botão de pagamento pra ele e nessa hora cada kit vai ter seu valor, estou com problema na parte de link do pagamento
      gostaria de saber qual o formato devo usar varchar ? no tipo la no BD e como posso pegar esse link la do banco de dados? 
      testei uns formas aqui e nada deu certo.
       
      cada kit tem seu valor, ai eu quero colocar o link de pagamento, pra quando o kit for removido aparecer o botão de pagamento pra ele, os botões já estão dando certo, só estou com problema pra pegar
      o link de cada kit. os valores de cada kit já estão criados no mercado pago
      <?php $data = date("Y/m/d"); $fimVip = $exibir_pag["fimvip"]; $dataPag = $exibir_pag["data"]; $mercadoP = $exibir_vip["mercadopago"];//A URL do mercado pago que esta no banco de dados if ($dataPag == NULL || strtotime($fimVip) < strtotime($data)){?> <table class="table"> <thead> <tr><span class="list-group-item text-left"><strong>Formas de pagamentos</strong></span></h5></tr> <tr> <th><a target="_blank" href="<?php echo $mercadoP;?>"><span class="label label-info">M. Pago</span></a></th> <th><a target="_blank" href="#"><span class="label label-success">PicPay</span></a></th> <th><a target="_blank" href="#"><span class="label label-info">Paypal</span></a></th> </tr> </thead> </table> <?php } else { echo ''; } ?> Imagem do painel
      do BD
       
    • Por danicarla
      Bom dia pessoal,

      Quero fazer um link com o titulo de uma cor e o texto em outra, mas quando passar o mouse em cima queria que a cor dos dois ficasse igual
      Meu codigo está assim:
      <style type="text/css"> a.ChamadaNoticias:link{text-decoration:none;} a.ChamadaNoticias:visited{text-decoration:none;} a.ChamadaNoticias:hover{color: #00FF05;text-decoration:underline;} .tituloA{font-family:'Open Sans', sans-serif;color:#00698C;font-size:16px;font-weight:bold;} .textoB{font-family:'Open Sans', sans-serif;color:#333;font-size:16px;} </style> <a href="#" class="ChamadaNoticias"> <div class="tituloA">Titulo da noticia</div> <div class="textoB">Aqui vai uma breve descrição da noticia</div> </a> Como preciso fazer com meu CSS para quando passar o mouse em cima mudar a cor do titulo e do texto para mesma cor?
×

Informação importante

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