Показать сообщение отдельно
  #3 (permalink)  
Старый 13.06.2016, 20:53
Аватар для pureJS
Аспирант
Отправить личное сообщение для pureJS Посмотреть профиль Найти все сообщения от pureJS
 
Регистрация: 04.06.2016
Сообщений: 70

Georka, вот держи - то, что ты хочешь:
<!doctype html>
<html><head><meta charset="utf-8">
<style type="text/css">
.новость{width:350px}
.развернуть-новость{color:blue;cursor:pointer}
.продолжение{display:none}
</style>
<script type="text/javascript">
function развернуть_новость(obj)
{
	//getElementsByClassName() - Internet Explorer 9.0+
	var продолжение = obj.parentNode.getElementsByClassName('продолжение')[0];
	продолжение.style.display = 'block';
	obj.style.display = 'none'
}
</script>
</head><body>
<div class="новость">Ребят нужно чтобы 30% текста изначально было видно.
<div class="развернуть-новость" onclick="развернуть_новость(this)">Читать полностью..</div>
<div class="продолжение">И при нажатии на "читать полностью" открывалось остальное содержимое. В общем мне нужна точная копия того что Вконтакте. Только прошу как можно проще чтобы всё было. без лишних свойств и функций.</div>
</div>
</body></html>
Ответить с цитированием