It was recently asked by a client to add a functionality that only displays the first few lines of a block of content with a "More" link at the bottom which when clicked, would expand the content to show fully. This can easily be done with just a little bit of jQuery and CSS. If a user doesn't have JavaScript enabled, the page will just display the content expanded and hide the More/Less buttons.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blog, twitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.

This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, jQuery