Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/09/2008, 02:33
venkman
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: jquery: acortar código de slideToggle...

Otra solución es, en lugar de usar los ids de los <div>s, seleccionar según la clase que es común.

Algo de este estilo...

Código HTML:
<!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=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script language="javascript" type="text/javascript" src="../extras/js/jquery/jquery-1.2.6.min.js.js"></script>
  <script>
    $(document).ready(function(){
        //Escondemos todos los div con class="contenido_toggle":
        $(".contenido_toggle").hide();

        // Asignamos los eventos a todos los div con class="toggle":
        $(".toggle").click(function () {
            //El div a ocultar o mostrar es: el siguiente a este que tenga class="contenido_toggle".
            $(this).next(".contenido_toggle").slideToggle("normal");
        });
    });
  </script>
  <style>
        div.toggle {
            background:#def3ca; margin:10px; width:600px; 
            padding: 10px; text-align:center; cursor: hand
        }
        div.contenido_toggle {
            background:#fff; margin:10px; width:600px; 
            padding: 10px;	  
        }
  </style>

</head>

<body>
  <div class="toggle" id="button_uno">mirar unos</div>
  <div class="contenido_toggle" id="p_uno">
    <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, EE. UU..</p>
  </div>
  <div class="toggle" id="button_dos">mirar dos</div>
  <div class="contenido_toggle" id="p_dos">
    <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, EE. UU..</p>
  </div>
  <div class="toggle" id="button_tres">mirar tres</div>
  <div class="contenido_toggle" id="p_tres">
    <p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, EE. UU..</p>
  </div>
</body>
</html>