Many times in web development we need to change div text using jquery, so this is a simple tutorial for this.

CSS

#content
{
padding:10px;
background:#eee;
width:300px;
}

Jquery

HTML

Click here to change text of div

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Download File Used in this example View Live Demo

Total Downloads:

CSS

#togglediv
{
 width:300px;
 height:300px;
 background:#eee;
 text-align:center;
 display:none;
}

Jquery

HTML

Click me to toggle div up or down

This is a toggle div.

Download File Used in this example View Live Demo