asked on

javascript for expand and colapse

iam using C# code,i want javascript for expand/colapse , when we click on an item that will be expanded and other all expanded item should be colapsed, only the clicked item should be expanded.please help me how can i do this??

designersx

here in this ajax will be used, you can get its complete tutorial on microsoft website

just type ajax videos in google and u will find the first link darkened. please go there.

ninusajil

ASKER

sorry, i not like to use ajax for this, will u pls help using javascript for this

tetorvik

How about using jQuery
http://www.dotnetcurry.com/ShowArticle.aspx?ID=240

ASKER CERTIFIED SOLUTION

designersx

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Sreedhar Vengala

You should be able to expand on this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Expand / Colapse Div</title>
 
<script type="text/javascript">
<!--
function toggle2(id, link) {
  var e = document.getElementById(id);
 
  if (e.style.display == '') {
    e.style.display = 'none';
    link.innerHTML = 'Expand';
  } else {
    e.style.display = '';
    link.innerHTML = 'Collapse';
  }
}
 
//-->
</script>
</head>
 
<body bgcolor="Background">
<a href="#" onclick="toggle2('content', this)">Collapse</a>
<div id="content" style="display:none">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc fermentum.
</div>
 
</body>
</html>

Open in new window

gaston_acevedo

expand a collapse what?

ninusajil

ASKER

sorry for the late respose, i am not well for some days.....

i tried this http://www.dynamicdrive.com/

this is working but when i expand any one and goes to some other page and returns back the expanded item expand as it is not colapsing
i want collapse all when i took that page