Есть несколько одинаковых текстовых блоков, каждому из них задан один и тот же класс. Нужно сделать так, чтобы при нажатии ссылки "Читать далее" текст раскрывался полностью. Как сделать это с помощью id, понятно, но не писать же для каждого блока скрипт, если эти блоки идентичны и различаются только контентом. Реализация с помощью id: http://jsfiddle.net/wne7y9u0/
window.onload = function(){
blok = document.getElementById('content_text');
parent = blok.parentNode;
blok_height = blok.style.height ? blok.style.height : blok.offsetHeight;
if(blok_height > 60){
blok.style.maxHeight = '80px';
link = parent.getElementsByClassName('read-next')[0];
link.style.display = 'inline';
link.onclick = function(){
if(blok.style.maxHeight){
blok.style.maxHeight = '';
shadow.style.display ='none';
link.innerHTML = 'Скрыть';
} else {
blok.style.maxHeight = '80px';
link.innerHTML = 'Читать далее...';
shadow.style.display ='block';
}
return false;
}
}
}