Foros del Web - Ver Mensaje Individual - acceder al mismo div desde diferentes links?

Dany_s · #7 (**permalink**) 06/08/2010, 15:27

si los 2 clicks en los 2 elementos hacen lo mismo no hace falta repetir código, solo seleccionar los 2 elementos

Código Javascript:

Ver original$(function(){
          $("#titulo_1, #foto_1").click(function(event) {
          event.preventDefault();
          $("#caixanew1").slideToggle();
      });

ahora me imagino que para mostrar cada una de las noticias estarás repitiendo todo el mismo código, te conviene usar un contenedor para manejarte con los elemetos dentro de el cuando hacen click
algo como:

Código HTML:

Ver original<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(function(){
 
      $(".noticia img, .noticia a").click(function(event) {
          $(this).closest('.noticia').find('p').slideToggle();
          return false;
      });
 
});
</script>
  <style>
    p{display:none}
  </style>
</head>
<body>
 
    <div class="noticia">
        <img src="http://www.elmostrador.cl/media/2009/12/planeta-tierra-desde-el-espacio_50x50.jpg">
        <a href="#">Título 1</a>
        <p>1 Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
 
    <div class="noticia">
        <img src="http://www.elmostrador.cl/media/2009/12/planeta-tierra-desde-el-espacio_50x50.jpg">
        <a href="#">Título 2</a>
        <p>2 Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
 
    <div class="noticia">
        <img src="http://www.elmostrador.cl/media/2009/12/planeta-tierra-desde-el-espacio_50x50.jpg">
        <a href="#">Título 3</a>
        <p>3 Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
 
    <div class="noticia">
        <img src="http://www.elmostrador.cl/media/2009/12/planeta-tierra-desde-el-espacio_50x50.jpg">
        <a href="#">Título 4</a>
        <p>4 Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
 
    <div class="noticia">
        <img src="http://www.elmostrador.cl/media/2009/12/planeta-tierra-desde-el-espacio_50x50.jpg">
        <a href="#">Título 5</a>
        <p>5 Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
 
</body>
</html>

o sea, cuando hacen click en el link o la imagen subo hasta el contenedor con class noticias y desde ahi busco el párrafo