For these items in the grid-view I want the item title -but only the very first line- to be displayed on the page.

Hello!

My friend's helping me with building a website. (A couple of weeks ago, I asked another question about it, here.)

Now, I have another problem:

My items are listed in the grid-view on my page.

For these items in the grid-view I want the item title -but only the very first line- to be displayed on the page.

(My longest title takes 4 lines for some items.)

And when mouse is hovered over on this first line, I want the rest of the title to expand.

How can I do it?
I want to show the codes for the site but it is said that, it is very hard and confusing on JsFiddler for one to read them.

This is the easiest way I could find to explain my problem. In fact, it is much worse but I'm afraid of not-succeeding to explain it well.

If someone could advise, it'll be more than great!

And if someone asks me more about the rest, it's greater than more than great!

Thanks.