Expand and collapse link for an Div in vf page using Jquery.

Hi Friends,

This is a small but useful post to maintain UI of your Visualforce page,

to add show more link(for expand) and show less link(for collapse) on div (or any other HTML tag) when div height is more then expected size.

Look at the screen shot below:-

So to solve this issue you can use the following java script and jquery:-


Screen Shots:-

Hope this helps..

Thanks
Anurag Jain