Comment cacher le détail d'un article avec lien "lire la suite..

Bonjour à tous,
J'ai découvert ce forum et les tutos, devenus ma bible pour créer mon site internet, mais là je bloque : je n'arrive pas à trouver comment faire un code css pour masquer une partie d'un article, partie qui se dévoile ensuite en cliquant sur un lien type "lire la suite" (qui lui disparaît en étant cliqué, bien sûr !)...
exemple, état normal : titre - intro... (lien "lire la suite")
si lien visité : titre - intro - texte entier (lien masqué par le texte)
Un peu de display sur un div type "textecache" agirait sûrement, mais je n'arrive pas à lier la condition des deux états (block et none) avec le lien et ses états (a:link et a:visited)...
Qu'en pensez-vous? Auriez vous une petite astuce à me proposer? (si possible sans javascript)? ? ?
Merci d'avance, j'erre en vain sur le net depuis ce matin...

Bonjour Majimerse !

Après avoir regardé pas mal de sites d'info notamment, je m'aperçois qu'effectivement, les énoncés se terminant par un lien "lire la suite" renvoient vers une nouvelle page détaillant le contenu de l'article. Bof... Je pensais plutôt faire une colonne à gauche de mon "corps de texte principal", proposant quelques actualités ; les titres avec une phrase d'intro auraient été visibles avec le fameux lien "lire la suite" qui, une fois cliqué (et alors masqué) aurait fait se décaler la colonne vers le bas, dévoilant ainsi l'article complet, tout en conservant le reste des mises en pages. J'ai trouvé un forum qui semble répondre à cette problématique, mais je n'arrive pas à l'appliquer à mon propre css. http://sherpadown.net/post/2008/02/02/136-over-blog-tips-et-lire-la-suite-feature
Je souhaitais initialement rester en css parce que je ne connais pas encore le fonctionnement de javascript et php.. sauf si quelqu'un peut poster un mini-tuto de derrière les fagots !

Voici le code html de ma colonne pour le premier article (en entier, pas encore "masqué") :

<div id="colonne1">
<h2>Actualités</h2>
<p>Découvrez ici les dernières
informations, les chantiers en cours, les innovations de nos
Partenaires, etc... </p>
<h3
style="border-bottom: 1px dotted rgb(102, 51, 51); color: rgb(102, 51, 51); font-weight: normal; font-style: normal;"><span
style="font-weight: bold;">A la Une </span>: <br>
</h3>
<h3
style="border-bottom: 1px dotted rgb(102, 51, 51); color: rgb(102, 51, 51); font-weight: normal; font-style: normal;">Nouveaux
Profils "CONFORT 70" de SAPA</h3>
<p><span style="color: rgb(0, 51, 51);"> <a
style="font-weight: bold;"
href="http://www.sapagroup.com/fr/Company-sites/Sapa-Building-System-France/"
target="_blank">SAPA BUILDING SYSTEM</a><span style="color: black;">,
leader européen dans l'extrusion de
profilés aluminium, innove cette année avec une toute
nouvelle gamme destinée à la Menuiserie, avec des profils
à rupture de pont thermique de 70 mm hautement performants... et
terriblement esthétiques ! <br>
 Présentée en
avant-première à <a
href="http://www.sapabuildingsystem-batimat2009.fr/" target="_blank"><span
style="font-weight: bold;">Batimat</span></a>,
elle est désormais
commercialisée depuis le début de l'année
(ouvrants cachés et coulissants, les ouvrants à frappe
"classiques" n'étant disponibles qu'en Septembre)</span></span>.
<br>
</p>
  N'hésitez pas à nous contacter pour
découvrir le nouveaux design éco-responsable de nos
menuiseries !
<p style="text-align: right;"><a
href="http://www.sapagroup.com/fr/Company-sites/Sapa-Building-System-France/Produits/coulissants/Performance-70-CL/"
target="_blank"><small>pour
en savoir plus</small></a></p>
</div>

Voilà, j'aurais voulu pouvoir ne laisser apparent que le titre h3 et la première phrase...
J'espère que tu comprendras mon idée...
Merci en tout cas pour ta réponse.

[code=][/code]