Problema con jquery. Método toggle()

Czhincksx #1 Sep '13

Hola. No sé qué está pasando XD

Estoy usando Symfony2 +Less con 320&up, pero soy novato en todo.

El caso es que pretendo tener un botón que al pulsarlo muestre un texto debajo.

botón1
botón2
botón3

pulso botón2

botón1
botón2
texto botón 2
botón3

Lo he intentado con CSS pero por lo visto active sólo lo muestra mientras esté pulsando y no se me ocurre otra forma. Ahora voy a por jQuery.

<div>
    <button onclick="showBlock(bloque1)">Campo 1</button>
    <h2>Campo 1<h2>
    <p id="bloque1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, nam, voluptas, perferendis labore quis dolores libero necessitatibus temporibus quisquam vel maxime voluptates nobis maiores blanditiis odit nesciunt asperiores suscipit eius.<p>
</div>

Esto es para 480p, lo de h2 estaría visible para más resolución y se ocultaría el botón.

esto es el js que he probado:

En el head tengo esto para cargar jquery:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

y dentro del html

<script type="text/javascript">
function showBlock(id) {

    // document.getElementById(id).toggle();
    //document.getElementById("bloque1").toggle();
    //$(id).toggle();
   $('.bloque1').toggle();
}
</script>

He probado muchas combinaciones, y o bien no hace nada o me dice que:
Object #<HTMLParagraphElement> has no method 'toggle'

¿Me falta algo para poder usar jQuery? ¿Accedo mal al elemento?

Peyru #2 Sep '13 Inocente

lo he mirado por encima , y veo que te falta un > en la declaración de jquery.

Por la tarde le hecho un ojo más a fondo pero vaya, igual con eso te funciona xD

<script src="dirección sin ; ni nada"></script>

grivcon #3 Sep '13

#1

<script src="http://code.jquery.com/jquery-1.9.1...;</script>

Ese ;?

RaymaN #4 Sep '13 Sureño

¿No es más fácil pasar del onclick y capturar el click directamente desde jquery?

Además, llamas a ".bloque1" y lo tienes definido como "#bloque1".

2 respuestas

Czhincksx #5 Sep '13

La dirección que está es ésta: http://code.jquery.com/jquery-1.9.1.js

Lo que pasa es que mediavida lo corta al ser un enlace. No hay punto y coma tampoco.

#4 ¿Eso cómo lo haría? ¿No me obligaría a tener una función para cada botón?

Czhincksx #6 Sep '13

Vale, está arreglado. Perdonad las molestias. Me había faltado cerrar el h2. Me funciona llamando al id como dice #4. Muchas gracias a todos.

Problema con jquery. Método toggle()

Usuarios habituales

Tags