<style type="text/css">
        .more {
            cursor: pointer;
            background-color: #ccf;
        }

        .complete {
            display: none;
        }
    </style>
<div class="text-comment">
            <p class="text-par">"Vision"</p>
            <p class="text-name">
              <span class="summary">
                <p>Lorem ipsum dolor sit amet, vis alterum feugiat sanctus ea. Affert facete eu cum, ut dicta vitae quo. Cum
                  id aeque option epicuri, nec oblique suscipit ad. Et sea odio adhuc altera. Verterem nominati an mel, his
                  diam consetetur ei. Eligendi principes sed no, ubique patrioque vix cu, soluta veritus percipit vim ex.</p>
              </span>
              <span class="complete">
                <p>Pro populo dolorem eu. Justo conclusionemque sea ne. At dicat putent eum. Reprimique delicatissimi vel et.</p>
                <p>Posse constituam pro eu. Sit graecis appetere at, id his quas possit platonem, ius at nobis decore ullamcorper.
                  Vix ne latine iudicabit constituto, justo fastidii eleifend et pro, ei sit solet dicant mediocrem. Te sit
                  cibo percipit persecuti. Debet convenire suavitate ei vis. Pri utinam labitur temporibus ex.</p>
              </span>
              <span class="more">Leer mas...</span>
            </p>
            <script type="text/javascript" src="http://lineadecodigo.com/js/jquery/jquery.js"></script>
            <script>
                  $(document).ready(function () {
                      $(".more").toggle(function () {
                        $(this).text("Leer menos...").siblings(".complete").show();
                      }, function () {
                        $(this).text("Leer mas...").siblings(".complete").hide();
                      });
                    });
            </script>