Testing MCK Truncation

Evaluate MCK jquery truncation script.

by nickadeemus2002

HTML

<script src="http://chrisvillanueva.com/mcknyc/testing/jquery.svTruncate.js"></script>
<div id="content">
<div class="row">    
<h2>We strive for world-shaping client impact</h2>
<p class="description">
    <span class="expert">My Expert's Name Here </span>
    <b>We work with leading organizations</b> across the private, public and social sectors. Our scale, scope, and knowledge allow us to <b>address problems</b> that no one else can.We have <a href="http://www.mckinsey.com/about_us" target="_blank">deep functional and industry expertise</a> as well as breadth of geographical reach. We are passionate about taking on immense challenges that matter to our clients and, often, to the world.
    <br /><br />
    <i>We work with our clients as we do with our colleagues</i>. We build their capabilities and leadership skills at every level and every opportunity. We do this to help build internal support, get to real issues, and reach practical recommendations. We bring out the capabilities of clients to fully participate in the process and lead the ongoing work.
</p>
    </div>
    <!--end row -->    
    
<div class="row">    
<h2>We are a network of leaders</h2>
<p class="description">
    <span class="expert">My Expert's Name Here </span>
    <i><b>We look to hire individuals with leadership potential, integrity, a sharp analytical mind, creativity, and the ability to work with people at all levels in an organization.</b></i>
    <br /><br />
Those who come to McKinsey join people bound by a shared set of values and a culture of support, caring, trust, respect, and interdependence. We go to extraordinary lengths to support the people we hire to succeed. We provide them with unrivaled opportunities for growth and global impact. This passion to help continues in our alumni, who remain connected to and engaged with our firm and its people..
</p>
    </div>
    <!--end row -->        
    
    
<div class="row">    
<h2>We develop unparalleled management...

CSS

#content{margin:10px;}
.row{margin:15px 0px;border-bottom:2px dashed #ebebeb;padding-bottom:15px;}
h2{  
    font-size: 1.4em;
    color: #E37222;
    margin-bottom:5px;
}
.expert{
    display:block;margin:5px 0px;
    color:#666666;
    font-weight:bold;
}

JavaScript

$(document).ready(function() {

    $('.description').svTruncate({
        maxTextLen: 255,
        moreText: " ...More",
        lessText: "...Close"
    });

});