📣 Seu anúncio aqui? Anuncie no ForoBeta

Problema com múltiplos botões e ocultar automaticamente com JQUERY

  • Autor Autor foroteta
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
F

foroteta

Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Quiero tener varios botones. He probado haciendo copy-paste tener 2 pero no funciona bien. Ejemplo: https://dl.dropbox.com/s/1kccp662acwqg14/jquery2.html/?dl=1
Tambien necesito que si hago clic en 1, y luego en otro, se oculte automaticamente el primero que estaba abierto (se colapse).

Inserir CODE, HTML ou PHP: 
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>toggle demo</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button><h1>Toggle</h1></button>
<p style="display: none">Good Bye</p>
<script>
$( "button" ).click(function() {
$( "p" ).toggle();
});
</script>
<br />
<button><h1>Toggle</h1></button>
<p style="display: none">Good Bye</p>
<script>
$( "button" ).click(function() {
$( "p" ).toggle();
});
</script>
</body>
</html>

He intentado hacerlo con ejemplos que encontre en google y no me funcionaba bien, gracias de antemano. :encouragement:
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Hola,

Es sencillo. Tienes 2 divs. Pregunta si está display:none; o display:block; al hermano div. Si hace click en el div1, pregunta al div2 cual es su estado. Y viceversa.

Un saludo,
Ángel.
 
sin jquery con puro javascrit 🙂 como dice angel


AngelSamuel disse:
Hola,

Es sencillo. Tienes 2 divs. Pregunta si está display:none; o display:block; al hermano div. Si hace click en el div1, pregunta al div2 cual es su estado. Y viceversa.

Un saludo,
Ángel.
Clique para expandir...
 
Perdon si no me he explicado bien.

Quiero tener varios botones. He probado haciendo copy-paste tener 2 pero no funciona bien. Ejemplo: https://dl.dropbox.com/s/1kccp662acwqg14/jquery2.html/?dl=1
Tambien necesito que si hago clic en 1, y luego en otro, se oculte automaticamente el primero que estaba abierto.

Inserir CODE, HTML ou PHP: 
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>toggle demo</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button><h1>Toggle</h1></button>
<p style="display: none">Good Bye</p>
<script>
$( "button" ).click(function() {
$( "p" ).toggle();
});
</script>
<br />
<button><h1>Toggle</h1></button>
<p style="display: none">Good Bye</p>
<script>
$( "button" ).click(function() {
$( "p" ).toggle();
});
</script>
</body>
</html>
 
¿Esto es lo que quieres?

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>toggle demo</title>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script>
    $(function(){
	    $('button').click(function(){
	        $('p').hide();
		$(this).next('p').show();
	    });
    });
    </script>
</head>
<body>
    <button><h1>Toggle</h1></button>
    <p style="display: none">Good Bye</p><br>

    <button><h1>Toggle</h1></button>
    <p style="display: none">Good Bye</p>
</body>
</html>

Pruébalo.
 
Última edição:
Si eres creyente, que dios te bendiga
worship2.gif
bow.gif


ouch01 disse:
¿Esto es lo que quieres?

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>toggle demo</title>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script>
    $(function(){
	    $('button').click(function(){
	        $('p').hide();
		$(this).next('p').show();
	    });
    });
    </script>
</head>
<body>
    <button><h1>Toggle</h1></button>
    <p style="display: none">Good Bye</p><br>

    <button><h1>Toggle</h1></button>
    <p style="display: none">Good Bye</p>
</body>
</html>

Pruébalo.
Clique para expandir...
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

J
Ajuda para integrar AdFly com múltiplos botões
Respostas
8
Visitas
1K
kj2
kj2
Voltar
Topo