11548 sujets
Je t'ai écrit vite fait un petit plugin (qui peut certainement etre optimisé... avis aux amateurs) :
Pour le faire marcher il suffit d'appliquer la methode .textLengthToggle(longueur) à ton sélecteur, en passant en paramètre le nombre de caractères a garder (longueur).
<script type="text/javascript">
$.fn.textLengthToggle = function(longueur) {
return this.each(function(){
var contenu_original = $(this).html();
var text_original = $(this).text();
var text_court = text_original.substring(0, longueur)+'...';
$(this).text(text_court);
$(this).click(function(){
if($(this).text() == text_original) {
$(this).text(text_court);
}
else {
$(this).html(contenu_original);
}
});
});
}
$(document).ready(function(){
$('div').textLengthToggle(30);
});
</script>
Pour le faire marcher il suffit d'appliquer la methode .textLengthToggle(longueur) à ton sélecteur, en passant en paramètre le nombre de caractères a garder (longueur).