Galería "Sliding Tab Box Things" no deja cargar enlaces

[ceaped]

Buenas tardes para todos
Deseo implementar esta galería

https://codepen.io/frxnz/pen/arlxL

Dentro de la DIV: "<div class="content"></div>, introduzco texto pero cuando trato de insertar un enlace no me funciona el enlace:

Código HTML:

<div class="content">
Lorem Ipsum es simplemente <a href="enlace>el texto</a> de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500
</div>
 

¿Cómo hago para que funcione los enlaces?

Gracias por su ayuda

[g3kdigital]

A este código:

Código Javascript:

$('.slide a').click(function () {
  $('.slide.active').removeClass('active');
  $(this).closest('.slide').addClass('active');
  return false;
});
 

Cambia .slide a por .slide>a y agrega al enlace target="_blank".

[ceaped]

Hola g3kdigital
Gracias por tu ayuda.
Me funcionó perfecto.
Sólo cambie ".slide>a" y funcionó.
Agregarle al enlace "target:"_blank" donde lo hago? y con que fin es?

Nuevamente gracias por tu ayuda

[Alexis88]

Iniciado por ceaped

[...] Agregarle al enlace "target="_blank" donde lo hago? y con que fin es? [...]

Debes añadir ese par atributo-valor en el elemento <a> para que la dirección del enlace se abra en una nueva ventana/pestaña.

Código HTML:

<a href="enlace target="_blank">el texto</a>
 

[ceaped]

Hola Alexis88
Gracias por tu respuesta.
Otra pregunta:
Cada tab tiene un alto diferente y no logro que se ajuste a cada alto.

¿Cómo hago para que cada tab se adapte al cada alto?

Este es el css que me define las propiedades de los tabs:

Código CSS:

.slides .slide.active {
    width: 100%;
    max-height: 20em;
    float: none;
    position: absolute;
    top: 4.5em;
    left: 0;
    background-color: #FFF;
    transition: 
        top        0.25s 1s    ease-in-out,
        left       0.25s 1.25s ease-in-out, 
        width      0.25s 1.5s  ease-in-out, 
        max-height 0.25s 1.75s ease-in-out;
}
 

Gracias por tu ayuda

[ceaped]

Hola
No logro que cada "tab" se ajuste su alto.
Cada "tab" varía su contenido.

Gracias por su ayuda