Paginar al estilo twitter o facebook

[Matuha]

Hola, estoy muy verde con javascript y tengo un código que he conseguido para mi proyecto. dicho código me pagina listas en html (<ul><li></li></ul>)

me los pagina de este modo:

Código HTML:

texto 1...

texto 2...

texto 3...

 1 | 2 | 3 | 4

Me gustaría conseguir que los paginara así:

Código HTML:

texto 1...

texto 2...

texto 3...

Ver más

al estilo twitter o facebook que al clickar en "Ver más" a continuación me mostrara tres mas sin ocultar los tres anteriores quedando así:

Código HTML:

texto 1...

texto 2...

texto 3...

texto 4...

texto 5...

texto 6...

Ver más

este es el código que tengo con el que logro paginar listas mediante el método tradicional:

Código HTML:

(function($){$.fn.quickPagination=function(options){var defaults={pageSize:2,currentPage:1,holder:null,pagerLocation:"after"};var options=$.extend(defaults,options);return this.each(function(){var selector=$(this);var pageCounter=1;selector.wrap("<div class='simplePagerContainer'></div>");selector.parents(".simplePagerContainer").find("ul.simplePagerNav").remove();selector.children().each(function(i){if(i<pageCounter*options.pageSize&&i>=(pageCounter-1)*options.pageSize){$(this).addClass("simplePagerPage"+pageCounter);}
else{$(this).addClass("simplePagerPage"+(pageCounter+1));pageCounter++;}});selector.children().hide();selector.children(".simplePagerPage"+options.currentPage).show();if(pageCounter<=1){return;}
var pageNav="<ul class='simplePagerNav'>";for(i=1;i<=pageCounter;i++){if(i==options.currentPage){pageNav+="<li class='currentPage simplePageNav"+i+"'><a rel='"+i+"' href='#'style='padding:7px;'>"+i+"</a></li>";}
else{pageNav+="<li class='simplePageNav"+i+"'><a rel='"+i+"' href='#' style='padding:7px;'>"+i+"</a></li>";}}
pageNav+="</ul>";if(!options.holder){switch(options.pagerLocation)
{case"before":selector.before(pageNav);break;case"both":selector.before(pageNav);selector.after(pageNav);break;default:selector.after(pageNav);}}
else{$(options.holder).append(pageNav);}
selector.parent().find(".simplePagerNav a").click(function(){var clickedLink=$(this).attr("rel");options.currentPage=clickedLink;if(options.holder){$(this).parent("li").parent("ul").parent(options.holder).find("li.currentPage").removeClass("currentPage");$(this).parent("li").parent("ul").parent(options.holder).find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");}
else{$(this).parent("li").parent("ul").parent(".simplePagerContainer").find("li.currentPage").removeClass("currentPage");$(this).parent("li").parent("ul").parent(".simplePagerContainer").find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");}
selector.children().hide();selector.find(".simplePagerPage"+clickedLink).show();return false;});});}})(jQuery);

[Martelo]

emmmm ..., a ver, me da que estas usando alguna plantilla o algo del estilo, y tambien me da la sensacion de que realmente te va a ser muy difícil expresar cual es el problema por que sinceramente yo no me he enterado de nada.

aqui no damos soluciones con varitas mágicas.

[Matuha]

A ver si puedo ser mas claro... el código que expongo en el mensaje anterior es un paginador de listas html...

dicho codigo me pagina listas html,

Código HTML:

<ul>
<li>texto 1</li>
<li>texto 2</li>
<li>texto 3</li>
<li>texto 4</li>
<li>texto 5</li>
<li>texto 6</li>
<li>texto 7</li>
</ul> 

de este modo:



Como ya he dicho en el mensaje anterior ando con escasos conocimientos de javascript y pido amablemente, si es algo simple, si alguien sabría hacerle unos retoques al código para convertirlo en un paginador de listas al estilo twitter algo así:



Como ya he indicado en el mensaje anterior, el código no es mio, lo he buscado por Google como también indique que tengo escasos conocimientos de javascript tengo pensado aprender como han echo todos ustedes pero es algo que me ha surgido para un poryecto que en un principio no iba a necesitar este lenguaje.

De todos modos, por que creo que va a estar complicado, alguien conoce alguno ya echo que pagine listas al estilo twitter? he dado con algunos pero todos funcionan con base de datos.

[Martelo]

A ver, yo creo que lo que buscas son atributos CSS, para darle estilo a las tablas , no?

[Matuha]

No. yo creo que esta bien clara mi consulta.