<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<style>
.morecontent span {
display: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
var showChar = 117;
var ellipsestext = "...";
var moretext = "Show more >";
var lesstext = "Show less";
jQuery('.more').each(function() {
var content = jQuery(this).html();
if(content.length > showChar) {
var c = content.substr(0, showChar);
var h = content.substr(showChar, content.length - showChar);
var html = c + '<span class="moreellipses">' + ellipsestext+ '·</span><span class="morecontent"><span>' + h + '</span>··<a href="" class="morelink">' + moretext + '</a></span>';
jQuery(this).html('');
jQuery(this).html(html);
}
});
jQuery(".morelink").click(function(){
if(jQuery(this).hasClass("less")) {
