<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<script type="text/javascript">
function ShowHidDesc1(objLink){
var objRow = objLink.parentNode;
var i = 0;
for (i = 0; i < objRow.childNodes.length; i++){
if (objLink.name == "aHid"){
if (objRow.childNodes[i].name=="aShow") objRow.childNodes[i].style.display = "block"
if (objRow.childNodes[i].name=="divDesc") objRow.childNodes[i].style.display = "none"
if (objRow.childNodes[i].name=="aHid") objRow.childNodes[i].style.display = "none"
}
else{
if (objRow.childNodes[i].name=="aShow") objRow.childNodes[i].style.display = "none"
if (objRow.childNodes[i].name=="divDesc") objRow.childNodes[i].style.display = "block"
if (objRow.childNodes[i].name=="aHid") objRow.childNodes[i].style.display = "block"
}
}
}
function ShowHidDesc(objLink)
{
if(objLink.name== "aHid")
{
var obj= document.getElementById('aShow')
obj.style.display='block';
document.getElementById('divDesc').style.display='none';
objLink.style.display='none';
}
else
{
var obj= document.getElementById('aHid')
obj.style.display='block';
document.getElementById('divDesc').style.display='block';
objLink.style.display='none';
}
}
</script>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td style="height: 2px;">
<a id="aHid" name="aHid" title="Hid description" style="display: none; cursor: point !important;
cursor: hand;" οnclick="ShowHidDesc(this)">-</a>
<a id="aShow" name="aShow" title="Show description"
style="display: block; cursor: point !important; cursor: hand" οnclick="ShowHidDesc(this)">
+</a>
<div id="divDesc" name="divDesc" style="width: 100%; display: none;">
dfgfdgfdgdfgfdg</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>