Доброй ночи,
Решил проверить свои силы в jQuerry на маленьких кодах и понял, что повязь по уши в своих пробелах в знаниях по этой библиотеке.
Задача: все <div> у которых высота больше 150px, уменьшить до 130px, добавить нижний margin, поместить туда еще один <div> с словами "читать полностью". При нажатии на "читать полностью" - раскрывается.
Данный функционал используется в вконакте.ru
Мои начинания:
<div class="Posts">
<p>Mauris id mattis diam. Vestibulum eget ipsum sit amet nulla auctor pulvinar at et mauris. Donec faucibus euismod dapibus. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam vitae quam dui, sit amet lacinia nisl. Nulla volutpat sollicitudin elit vel elementum.
Pellentesque varius, purus at vestibulum aliquet, justo purus commodo nulla, ut facilisis nisi dui et nunc. Pellentesque gravida vestibulum scelerisque. Phasellus blandit tincidunt nisi, eget volutpat leo condimentum in. Pellentesque molestie imperdiet enim, a posuere libero consectetur et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus nec tempor orci. Duis ullamcorper, mi in sodales tincidunt, ipsum orci blandit est, in eleifend libero est a nulla. Proin auctor tellus a ligula malesuada adipiscing eget interdum augue. Morbi vel purus orci, ut gravida mi. Proin vehicula porta tortor, eget laoreet quam accumsan quis. Integer dictum tincidunt ipsum et mollis. Nunc nibh arcu, aliquam sit amet vehicula ac, fringilla quis orci. Curabitur sit amet sem a odio vehicula consectetur in vel enim. Proin nec sem eros. Sed a lectus ligula, quis fringilla nulla. Suspendisse potenti.
In varius posuere tempus. Maecenas quis orci turpis. Curabitur a tortor eget lorem eleifend convallis at ac lacus. Quisque eget massa velit, in vehicula arcu. Suspendisse suscipit accumsan mi sed placerat. Aenean ut libero pulvinar odio porta aliquet eu ut ligula. Donec fringilla erat sed sapien ultricies adipiscing.</p></div>