Foros del Web - Ver Mensaje Individual - El método html en jquery devuelve sólo un elemento

djaevi · #2 (**permalink**) 13/08/2012, 07:10

Hola antes que nada te recomendaria que para hacer desaparecer y aparecer cosas uses slideToggle de jquery, no entiendo porque le pasas a un solo boton el evento ayuda ya que tienes varias cabeceras y entradas no deberia ser para varios links?.

Te dejo un breve ejemplo aver si es algo parecido a lo que necesitas copialo y pegalo en un html vacio (copia la jquery en su raiz con el nombre jquery.js) y fijate lo que hacen los links al clickarlo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Divs</title>
<style>
    .cabecera p {
        display:none;
    }
</style>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">

Código Javascript:

Ver original$(document).ready(function() {
        $(".ayuda").bind("click",function(){
            $(this).next().children().slideToggle("slow");
        })
    })

Código HTML:

Ver original</script>
</head>
 
<body>
    <a href="#" class="ayuda"> Ayuda1 </a>
        <div class="cabecera"> Cabecera 1 
            <p> 1 </p>
            <p> 2 </p>
            <p> 3 </p>
        </div>
        <a href="#" class="ayuda"> Ayuda2 </a>
        <div class="cabecera"> Cabecera 2 
            <p> A </p>
            <p> B </p>
            <p> C </p>
        </div>
 
</body>
</html>

Saludos!