problemas con un select

[temor_182]

el problema es q tengo el siguiente select

Código HTML:

<select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value)">
                       
                        <option value="0">--Lista de actividades--</option>
                        <option value="1">Correo Electronico</option>
                        <option value="2" selected="selected" >Llamada Telefonica</option>
                        <option value="3">Agendar Cita</option>
                    </select>
 

el cual me manda a llamar a la siguiente funcion

Código Javascript:

function mostrarDiv(valor){
        
        if (valor == 1){            
                                document.getElementById('correo').style.display = 'block';
                                document.getElementById('actividad').style.display = 'none';                                
                                document.getElementById('llamada').style.display = 'none';
                                document.getElementById('cita').style.display = 'none';
                                }
        else if (valor == 2){
                                document.getElementById('llamada').style.display = 'block';
                                document.getElementById('actividad').style.display = 'none';
                                document.getElementById('correo').style.display = 'none';
                                document.getElementById('cita').style.display = 'none';}
        else if (valor == 3){
                                document.getElementById('cita').style.display = 'block';
                                document.getElementById('actividad').style.display = 'none';
                                document.getElementById('correo').style.display = 'none';
                                document.getElementById('llamada').style.display = 'none';
                                }
        else if (valor == 0){                   
                                document.getElementById('actividad').style.display = 'block';
                                document.getElementById('correo').style.display = 'none';
                                document.getElementById('llamada').style.display = 'none';
                                document.getElementById('cita').style.display = 'none';}
                          
                        }
 

lo unico q hago es mostrar y ocultar los div dentro de cada div se vuelve a mostrar el mismo combo en el cual se pone por default la opcion seleccionada pero solo se pone bien la 1er vez pero la segunda vez q le doy click para q me muestre el div en el select me sale la opcion del div anterior.

por ejemplo: si del combo selecciono correo se muestra el div de correo y en el select la opcion q se muestra por default tiene q ser correo eso lo hace bien solo la 1era vez pero una vez que ya recorri todas las opciones cuando me cambio otra vez a correo y por ejemplo estaba en llamada en lugar de mostrar correo en el select me sale llamada espero me haya dado a entender.

saludos y gracias.