Home > ASP.Net, Javascript > Expand and Collapse Div

Expand and Collapse Div


Try this example:

// Javascript :-

function showHide(elementid){
    if (document.getElementById(elementid).style.display == 'block'){
        document.getElementById(elementid).style.display = 'none';
    }else{
        document.getElementById(elementid).style.display = 'block';
    }
}

// HTML

<a onclick="jscript:showHide('ContentID')">click here</a><div id="ContentID">Content list</div>

// CSS

.Collapse{    display:none;    font-family:Arial, Helvetica, sans-serif;    font-size:small;    font-weight:normal;    color:Black;}

Good Luck

Advertisements
Categories: ASP.Net, Javascript
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: