jQuery Add More or Less Link into Paragraph

There are many plugin which are used for show more and less link on paragraph, but here we are showing more and less link on paragraph using jquery core that save you loading plugin time when you will use plugin for this work.

This is simple three steps coding to achieve this wonderful functionality. We are using jQuery to show/hide text and link.

You can also check other tutorial of dynamic read more Using Server side php and Mysql

We will create paragraph in html in a div.

Now we will define css class for link.

[code type=css]
a {
color: #0254EB
}
a:visited {
color: #0254EB
}
a.morelink {
text-decoration:none;
outline: none;
}
.morecontent span {
display: none;
}
.comment {
width: 400px;
background-color: #f0f0f0;
margin: 10px;
}

Jquery code for more and less link on click event.

I hope this help you.