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
Share this on Google+ Tumblr

Leave a comment

To insert a link, use tag [url=http://your_link]your-link[/url]
To insert the code , use the tag <i rel="code">your-code</i>
The long code can use the tag <i rel="pre">your-long-code</i>
To insert an image , use the code [img]URL Image[/img]
To insert a title , use tag <b rel="h4">Your Title here...</b>
To creat Bold text <strong>Your text here...</strong>
To create Italic text used tag <em>Your text here...</em>

:) :( :p :D :o ;) 8-) 8:) :/ :'( 3:) O:) :* <3 ^_^ -_- o.O O.o >:o :v :3
Cancel