Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/01/2013, 09:15
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Lio con el "Leer más"

Bueno al final lo he solucionado con otro script de jQuery, concretamente uno ligero llamado jQuery-Collapse

Me ha costado configurarlo pero al final funciona, os voy a poner el codigo de ejemplo que he utilizado para hacerlo:

Código HTML:
Ver original
  1. <div id="caja">
  2.         <span class="album1">      
  3.         <img src="img/staff/mindpanic.jpg" class="imagen_album_artista_staff">
  4.         <h1 class="titulo_album">[MindPaniC] Javier Del Pozo</h1>
  5.         Multidisciplinar, inquieto, creador y diseñador de Bipolar Station. De adolescente traficaba con cintas de casete en el instituto, poco después empezó a crear su propia música con un viejo PC, siempre en contacto con la escena musical actual.
  6.     <div id="custom-show-hide-example">
  7.         <h3><a href="#">Leer más </a></h3>
  8.         <div>
  9.         </p>Aficionado a la fotografía, su cámara le acompaña a todas partes. Interesado también por la fotografía analógica, utiliza sus dos cámaras réflex antiguas que compro de segunda mano en Ebay a un buen precio.</p>
  10.         <p>En cuanto a música se refiere escucha diferentes géneros, pero la música electrónica en sus diferentes vertientes son su lado más llamativo. Actualmente muy influenciado por la escena ambient y experimental.</p>
  11.         <p>Fotográficamente de estilo aun no concreto, pero con buen gusto y amplio conocimiento de las técnicas y cachivaches fotográficos.</p>
  12.         Le podrás encontrar en:
  13.         <ul class="lista-normal">
  14.             <li><a href="http://www.flickr.com/photos/javier-del-pozo/">Flickr</a></li>
  15.             <li><a href="http://500px.com/phileras">500px</a></li>
  16.             <li><a href="http://www.mixcloud.com/javier-del-pozo-fernandez/">Mixcloud</a></li>
  17.         </ul>
  18.         </div>
  19.     </div>
  20.     <script>
  21.         new jQueryCollapse($("#custom-show-hide-example"), {
  22.           open: function() {
  23.             this.slideDown(300);
  24.           },
  25.           close: function() {
  26.             this.slideUp(300);
  27.           }
  28.         });
  29.     </script>
  30.         </span>
  31.         <span class="album2">  
  32.         <img src="img/staff/sideral.jpg" class="imagen_album_artista_staff">
  33.         <h1 class="titulo_album">[Sideral] Raúl Villalón</h1>
  34.         La mayor parte del tiempo lo dedico a la fotografía y time lapse, sin embargo, desde adolescente, escucho, y en ocasiones produzco música.
  35.     <div id="custom-show-hide-example1">   
  36.         <h3><a href="#">Leer más </a></h3>
  37.         <div>
  38.         <p>Mis influencias son amplias y abundantes, a nivel visual mencionaría la película Taxi Driver y fotógrafos contemporáneos como Nicolas Bouvier o James Yeung.</p>
  39.         <p>A nivel musical, son muchos los que han dejado un intenso poso como Orbital, Ladytron, Paul Kalkbrenner, Pan Sonic, Richie Hawtin...</p>
  40.         <p>Actualmente estoy involucrado en varios proyectos, la mayoría relacionados con la fotografía o video, siendo el último la creación de un pack de loops para VJ´s y una aplicación para dispositivos móviles, PictureSight, en la que se muestra el trabajo de fotógrafos consolidados.</p>
  41.         <p>Disfruta, y bienvenido a mi viaje!</p>
  42.         Me podrás encontrar en:
  43.         <ul class="lista-normal">
  44.             <li><a href="http://www.flickr.com/photos/raulvillalon/" alt="Raúl Villalón en Flickr">Flickr</a></li>
  45.             <li><a href="http://www.pond5.com/artist/Sideral" alt="Raúl Villalón en Pond5">Pond5</a></li>
  46.             <li><a href="https://vimeo.com/raulvillalon" alt="Raúl Villalón en Vimeo">Vimeo</a></li>
  47.         </ul>  
  48.         </div>
  49.     </div>
  50.         <script>
  51.         new jQueryCollapse($("#custom-show-hide-example1"), {
  52.           open: function() {
  53.             this.slideDown(300);
  54.           },
  55.           close: function() {
  56.             this.slideUp(300);
  57.           }
  58.         });
  59.         </script>
  60.         </span>
  61.         <span class="licencia">¿Quieres formar parte de nuestro equipo? <strong><a href="contacto.html">contacta con nosotros</a></strong></span>
  62.         </div> 
  63.         <div class="img_inferior">
  64.             <div class="copyright">
  65.             Copyright &copy; 2013 <a href="http://bipolarstation.com" class="copyr">Bipolar Station</a>
  66.             </div>
  67.         </div>
  68.     </div>

Como veis la unica solución es ir añadiendo el script con el nombre cambiado, al menos es la unica manera que he encontrado yo, si sabeis de otra que sea mas facil pues chivatazo al canto amigos.

Saludos a todos