Me funciona plegar desplegar un div pero quiero dos div y el segundo no me sale

[TheCarmen]

Hola a todos, vereis tengo un script que me funciona muy bien pero quiero hacer una pequeña modificacion y no me sale.

Tengo dos botones, uno para desplegar y otro para ocultar un div. el tema es que necesito tener dos div, y que los dos puedan acceder a esta funcion, pero no se diferenciarlos al principio de la funcion para decirle que lo haga solo en el que he pulsado. Aqui el codigo por si alguien me puede decir como puedo hacer esa condicion.

Código HTML:

<!-- AQUI LOS DOS BOTONES Y EL DIV (FUNCIONA PERFECT)-->


<div id="botones" style="width:600px; height:20px;">

<input type="image" id="recoger" onclick="plegar()" src="imagenes/up.gif"/>
<input type="image" id="desplegar" onclick="desplegar()" src="imagenes/down.gif" /> 

</div>


<div id="contenido" style="width:720px; height:305px; background-color:#006699; position:relative;"></div>



/* aqui el javascript*/

<script language="javascript" type="text/javascript">

var temporizadorplegar;
var temporizadordesplegar;

function plegar(){
clearTimeout(temporizadordesplegar);
var altura=parseInt(document.getElementById("contenido").style.height);

if(altura>0)
{
altura--;
document.getElementById("contenido").style.height=altura+"px";
temporizadorplegar=setTimeout("plegar()",1);
}
else
{ 
clearTimeout(temporizadorplegar);
}
}

function desplegar(){
clearTimeout(temporizadorplegar);
var altura=parseInt(document.getElementById("contenido").style.height);

if(altura<305){
altura++;
document.getElementById("contenido").style.height=altura+"px";
temporizadordesplegar=setTimeout("desplegar()",1);
}
else
{
clearTimeout(temporizadordesplegar);
}
}

</script> 

Como puedo hacer para añadir otro div con sus respectivos botones.....y que la funcion sepa discriminar???