how to add Read More

Question

0.00/5 (No votes)

See more:

Please may someone help me please.
I just created one of my first sites since i started my Html css project. but now i discovered that the content of the home page is being too long. so i wanted to make it in such a way that i have to click on Read More or still better anything to expand the remaining text that hides to make the page shorter.

I have had other codes in research but my problem is that i want to hide and expand a particular area not the whole page.

Posted 27-Feb-13 5:47am

RdNard

Add a Solution

Comments

Richard C Bishop 27-Feb-13 11:52am

You cannot achieve this using just HTML and CSS. This could be done using AJAX, jQuery, and other means or using ASP.Net.

vbmike 27-Feb-13 11:52am

go to the jquery site and look for the toggle command for starts. there are good examples there.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

loctrice · Answer 1 · 2013-02-27T05:53:00

Solution 1

using jquery is probably going to be the easiest way. If not, you can always make a scrollable div that hides content?

Jquery plugin[^]

stack overflow question where the plugin link came from[^]

A good implementation manually[^]

Posted 27-Feb-13 5:53am

loctrice

Comments

RdNard 27-Feb-13 12:29pm

thanks for the answers, i got at least one thing from that, though i am still in trouble. i have not really gotten fully into Js and Jquery issue, so i find it even difficult to bring the code together. i dont know where to put the codes as given separately. that is, i dont know how to call it to work in my html.

RdNard · Answer 2 · 2013-02-27T06:24:00