jQuery Read More/Less Switch Example

A short example of how to use the "read-more-jq" script is to define (class="more"). See also Side Widget 1 and 4

Insert link to:
"css/read-more-jq.css"
"js/read-more-jq.js"

Show Characters 160:
var showChar = 160;

Add code as: 


<p class="more">Insert long text ...</p>
<span class="more">Insert long text ...</span>
<div class="more">Insert long text ...</div>
<article class="more">Insert long text ...</article>
<cite class="more">Insert long text ...</cite>

This is "P".

("b") Lorem ipsum dolor ("/b") sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sample link:("a") IvaRoSoft ("/a").("br")
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ("em") Excepteur sint occaecat cupidatat non proident ("/em"), sunt in culpa qui ("code") A piece of computer code ("/code"), mollit anim id est laborum.
This text is italic
This is subscript and superscript
HTML Small Formatting
HTML Marked Formatting
HTML del text Formatting
HTML inserted text Formatting
Emphasized text
Strong text
A piece of computer code
Sample output from a computer program
Keyboard input
Variable

Card footer

This is "SPAN"

("b") Lorem ipsum dolor ("/b") sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Sample link:("a") IvaRoSoft ("/a").("br")
Ut enim ad minim veniam,("p") quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.("/p")Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ("em") Excepteur sint occaecat cupidatat non proident ("/em"), sunt in culpa qui ("code") officia deserunt ("/code") mollit anim id est laborum.
This text is italic
This is subscript and superscript
HTML Small Formatting
HTML Marked Formatting
HTML del text Formatting
HTML inserted text Formatting
Emphasized text
Strong text
A piece of computer code
Sample output from a computer program
Keyboard input
Variable
Card footer

This is "DIV".

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This text is italic
This is subscript and superscript
HTML Small Formatting
HTML Marked Formatting
HTML del text Formatting
HTML inserted text Formatting
Emphasized text
Strong text
A piece of computer code
Sample output from a computer program
Keyboard input
Variable
Card footer

This is "article".

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This text is italic
This is subscript and superscript
HTML Small Formatting
HTML Marked Formatting
HTML del text Formatting
HTML inserted text Formatting
Emphasized text
Strong text
A piece of computer code
Sample output from a computer program
Keyboard input
Variable
Card footer