切换功能隐藏或显示元素[jQuery]

Question

我创建了一个Toggle功能我已经完成了更大的部分（我希望）。 但现在我面临两个问题：

•我可以显示和隐藏我的简历，但我不能再这样做（每个方向不止一次）。

•我不知道如何将其应用于特定简历而不是每个简历;我应该使用.each（）吗？我承认，我有点迷失了。

这就是我现在要做的事情：

HTML

<div class="resume">Lorem Ipsum .... </div>

的jQuery

$(document).ready(function(){

    if($('.resume').text().length > 100)
    {
        complet = $('.resume').text();
        complet += '<span class="showLess"> Cacher</span>';
        html = $('.resume').text().slice(0,100);
        html += '<span class="showMore">...</span>';
        $('.resume').html(html);
    }

    $('.showMore').on('click',function(){
        $('.resume').html(complet);
        showLess();
    });

    function showLess(){
    $('.showLess').on('click', function() {
        $('.resume').html(html);
    });
    }

});

这是jsFiddle