jQuery:Siblings()
De W3API
Contenido |
[editar] Descripción
Función que nos permite obtener los elementos hermanos del elemento seleccionado.
[editar] Sintaxis
.siblings( [selector] )
[editar] Parámetros
- selector, la expresión de selección del elemento.
[editar] Ejemplo
<html><head>
<script type="text/javascript">
$(document).ready(function(){
// Colocamos el contenido
var caracteresAMostrar = 300;
var contenido = $(".comentario").html();
if (contenido.length > caracteresAMostrar) {
var resumen = contenido.substr(0, caracteresAMostrar);
var todo = contenido.substr(caracteresAMostrar, contenido.length - caracteresAMostrar);
var nuevocontenido = resumen + '<span class="complete">' + todo + '</span><br><span class="more">Leer mas...</span>';
$(".comentario").html(nuevocontenido);
}
$(".more").toggle(function() {
$(this).text("Leer menos...").siblings(".complete").show();
}, function() {
$(this).text("Leer mas...").siblings(".complete").hide();
});
});
</script>
</head>
<body>
<h1>Titulo</h1>
<div class="comentario">
Lorem ipsum dolor sit amet, vis alterum feugiat sanctus ea. Affert facete eu cum, ut dicta vitae quo. <br>
Pro populo dolorem eu. Justo conclusionemque sea ne. At dicat putent eum. Reprimique delicatissimi vel et.<br>
Posse constituam pro eu. Sit graecis appetere at, id his quas possit platonem, ius at nobis decore ullamcorper.
</div>
</body></html>