View difference between Paste ID: svRPehJJ and L03VXeyd

 ;(function($) {
 
   $.fn.shorten = function(settings) {
 
    var config = $.extend( {
      showChars : 100,
      ellipsesText : "...",
      moreText : "more",
      lessText : "less"
     }, settings);
 
     $('.morelink').live('click', function() {
       var $this = $(this);
 
       // Toggle del nombre del link
       if ($this.hasClass('less')) { // clic en more para mostrar less
 
         $this.removeClass('less');
         $this.html(config.moreText);
 
         // muestro shorcontent y escondo allcontent
         $this.parent().prev().prev().show(); // shortcontent
         $this.parent().prev().hide(); // allcontent
 
       } else { // click en less para mostrar more
 
         $this.addClass('less');
         $this.html(config.lessText);
 
         $this.parent().prev().prev().hide(); // shortcontent
         $this.parent().prev().show(); // allcontent
       }
 
       return false;
-      //$this.parent().prev().css('border', '2px solid blue'); // el lnk no tiene prev
+
-      //$this.parent().prev().prev().css('border', '2px solid orange'); // shortcontent
+
     return this.each(function() {
       var $this = $(this);
 
       var content = $this.html();
       if (content.length > config.showChars) {
         var c = content.substr(0, config.showChars);
         if (c.indexOf('<') >= 0) // If there's HTML don't want to cut it
         {
           var inTag = false; // I'm in a tag?
           var bag = ''; // Put the characters to be shown here
           var countChars = 0; // Current bag size
-        if (c.indexOf('<') >= 0) // Si hay HTML tengo que tener cuidado de no cortarlo!
+          var openTags = []; // Stack for opened tags, so I can close them later
 
-          //var index = 0; // Indice de recorrida del string
+
-          var inTag = false; // Indicador de que el indice actual esta dentro de una tag
+
-          var bag = ''; // String donde voy a cumulando los caracteres que se muestran
+
-          // Recorro el texto, cortando lo que no es tag hasta alcanzar el largo deseado, y asegurar de que no hay una tag abierta cordada
+
-          var countChars = 0; // Caracteres del string resultante
+
-          var openTags = []; // sirve como stack para poner y sacar tags, si termina no vacio, hay tags sin cerrar
+
               // This could be "tag" or "/tag"
               tagName = content.substring(i+1, content.indexOf('>', i));
 
               // If its a closing tag
               if (tagName[0] == '/')
               {
                 if (tagName != '/'+openTags[0]) console.log('ERROR en HTML: el tope del stack debe ser la tag que cierra');
-              // Cuidado, puede ser un cierre de tag y le pone /tag
+
                   openTags.shift(); // Pops the last tag from the open tag stack (the tag is closed in the retult HTML!)
               }
-              // Si es una tag que cierra otra, la que cierra deberia estar arriba en el stack (verifico por las dudas)
+
               {
                 // There are some nasty tags that don't have a close tag like <br/>
                 if (tagName.toLowerCase() != 'br')
                   openTags.unshift( tagName );// Agrega al inicio el nombre de la tag que abre
-                  openTags.shift(); // Saca el tope del stack (tag que acabo de cerrar)
+
             }
             if (inTag && content[i] == '>')
             {
-                // Evita poner en el stack la tag que no se cierra, TODO: pueden haber otras...
+
             }
 
             if (inTag) bag += content[i]; // Add tag name chars to the result
             else
             {
-              // TODO: asegurarme de que la tag esta cerrada cuando termine de cortar el texto
+
               {
                 bag += content[i];
                 countChars ++;
               }
-              //bag += content[i]; // Agrega ultimo > para cerrar la tag en la que estaba '<tag'+'>'
+
               {
                 if (openTags.length > 0) // Tengo tags sin cerrar
-            if (inTag) bag += content[i]; // Agrego toda la tag
+
                   console.log('Quedaron tags abiertas');
                   console.log(openTags);
-              // Si faltan caracteres para poner en la bag
+
                   {
                     console.log('Cierro tag '+ openTags[j]);
                     bag += '</'+ openTags[j] +'>'; // Cierro todas las tags que quedaron abiertas
 
                     // You could shift the tag from the stack to check if you end with an empty stack, that means you have closed all open tags
                   }
                   break;
                 }
               }
             }
           }
           c = bag;
         }
 
         var html = '<span class="shortcontent">' + c + '&nbsp;' + config.ellipsesText +
-
+
-                    // FIXED arriba:
+
-                    // tags como <br> pueden abrirse y no tener cierre, o sea que quedan en el stack pero si las cierro no queda un HTML valido porque no hay apertura.
+
-
+
-                    // Podria sacar la tag cerrada del stack para que salga un stack vacio.
+
       }
-                  break; // Del for por los caracteres
+
   };
 })(jQuery);