Show more show less with jquery

Today we will discuss that how to show more and show less with jquery. I know this is very simple script but I want that everybody knows this script. For this explanation, We will create very simple example with the help of jquery code. Suppose we have paragraph on page and when user click on the show more button then more content will appears and when user click on show less button then hide some content. Following gif image is example of this script.

 

show-more-show-less-with-jquery

  • Create following HTML code in html file and include main jquery file in this file.

  • Create jquery code for this script as following.

You can download this code at here.