<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title >Untitled Page </title >
<script language="javascript" type="text/javascript" >
function b1_onclick() {
if(b1.innerText== "+")
{
b1.innerText= "-";
list1.style.display= "block";
}
else
{
b1.innerText= "+";
list1.style.display = "none";
}
}
</script >
</head >
<body >
<span id=b1 οnclick="return b1_onclick()">-</span > list1 <br / >
<ul id=list1 >
<li >item1 <br / > </li >
<li >item2 <br / > </li >
<li >item3 </li >
</ul >
+list2
</body >
</html >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title >Untitled Page </title >
<script language="javascript" type="text/javascript" >
function b1_onclick() {
if(b1.innerText== "+")
{
b1.innerText= "-";
list1.style.display= "block";
}
else
{
b1.innerText= "+";
list1.style.display = "none";
}
}
</script >
</head >
<body >
<span id=b1 οnclick="return b1_onclick()">-</span > list1 <br / >
<ul id=list1 >
<li >item1 <br / > </li >
<li >item2 <br / > </li >
<li >item3 </li >
</ul >
+list2
</body >
</html >