La création d'un “lire la suite” le lien qui s'étend le contenu de la page

Je voudrais créer un lire la suite lien qui permettrait d'étendre un paragraphe déjà montré à révéler l'intégralité du texte sur la même page. Si cela pouvait se résout avec le HTML5 et le CSS, j'aimerais ça, mais je suppose un certain type de script sera nécessaire.

Par exemple:

Exemple de texte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor feugiat ipsum quis moderne. Nullam vitae velit vitae savoir plus semper tempor ac vitae magna. Maecenas un moderne neque. Aliquam vitae savoir plus luctus nisi rutrum eleifend aiguille non non leo.


Sed eleifend aiguille lectus id semper accumsan. Sed lobortis id ligula eget blandit. Entier interdum iaculis nunc, sed porttitor magna tincidunt dans. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam lobortis accumsan tempor. Aliquam demande pulvinar est, quis convallis tellus.

Lire Plus >>

Je voudrais que le texte normal d'être montré avec le "Lire la suite >>" lien ci-dessous, puis le texte en gras sera dévoilé après avoir cliqué sur le lien.

Je veux aussi avoir une image dans la section masquée, serait-ce possible?

Merci d'avance.

  • Je n'ai pas été en mesure de trouver quelque chose sur elle parce que je ne sais pas ce qu'il serait appelé. Si j'avais un mot à aller sur le code, je serais en mesure de localiser une solution je pense. J'ai regardé OnClick et Comprend, mais jusqu'à présent. Même le nom d'un site qui utilise ce serait utile pour la source d'inspecter.
  • Vous pouvez résoudre ce problème avec HTML5 =JavaScript et plus de nouvelles fonctionnalités html, mais vous pouvez avoir besoin de faire quelques recherches sur des pages web dynamiques et JavaScript pour obtenir une meilleure compréhension de la façon de résoudre le problème.
  • Merci, je vais regarder autour pour la meilleure solution, et d'essayer les réponses ci-dessous.
InformationsquelleAutor Fox | 2014-03-19