Check this out pal http://jsbin.com/ifaha


Put in a <div /> the text to hide

e.g
<div class="hide">
   Quisque eget tellus ut justo volutpat placerat.
   Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam
   vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper
</div>

and then hide it with jquery

$(".hide").hide();

----- Original Message ----- From: "sso" <strongsilent...@gmail.com>
To: "jQuery (English)" <jquery-en@googlegroups.com>
Sent: Tuesday, July 07, 2009 10:08 AM
Subject: [jQuery] long paragraph - hide some of it and show all on click



Not sure the best way to approach this.

I would like all my text to be on the page (for seo reasons).  for
example

---------------
Some text hidden below
---------------

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit
ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec
ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id
elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut
vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices
vel quis tellus.    >>  click for more

---------------------
click would result in this below
---------------------

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
dapibus mi non enim convallis pharetra. Integer nisi dolor, suscipit
ut interdum non, ultrices eget eros. Nullam arcu erat, venenatis nec
ornare sit amet, pellentesque ac lectus. Sed massa dolor, hendrerit id
elementum viverra, fringilla eu lacus. Nulla sit amet felis nulla. Ut
vestibulum vehicula posuere. Sed eget nulla et odio molestie ultrices
vel quis tellus. Quisque eget tellus ut justo volutpat placerat.
Vivamus congue lacus sed ante luctus ac dictum felis fermentum. Etiam
vel adipiscing leo. Integer tortor justo, volutpat non ullamcorper
vel, consectetur in metus. Nunc ut dolor ac nunc interdum bibendum.
Maecenas ultrices, diam at faucibus elementum, tellus nunc sodales
purus, eget tempus ante augue a mi. Sed libero nulla, faucibus vel
pellentesque et, tempor quis purus.

Reply via email to