Show Hide Content With Jquery In Posts

For those who are interested to give it a try, please try and copy their code in an iframe JSFiddle below
- Because it uses jquery, then you must install the template library jquery any version as below. If it is there then ignore it.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>

-Style 1

See the Pen Show hide content 1 by ducnguyen (@ducrat) on CodePen.

 Note the css code .text-area p with tinggi (height) auto, so the text area is to follow the high amount of content that is created. If you want to determine the height of the text area is then just change the code auto in height to the numbers on the unit as an example 80px. And add the code overflow: auto to content exceeds the height that we specify

See the Pen Show hide content 2 by ducnguyen (@ducrat) on CodePen.

- Style 2

See the Pen show hide content 3 by ducnguyen (@ducrat) on CodePen.

http://www.kompiajaib.com/2014/08/show-hide-content-dengan-jquery-di.html