Ayuda con Codigo Javascript para ocultar y mostrar div

[r0y]

Saludos le he dado una funcion a mi buscador para la version movil que es la de ocultar y mostrar un Div con Javascript que es esta
<script type="text/javascript">
function mostrar(){
document.getElementById('uno').style.display='block';}
function ocultar(){
document.getElementById('uno').style.display='none';
}
</script>
lo he logrado pero quiero que al hacer click en el icono de la lupa para que abra el buscador, que al abrir el buscador el icono cambie a una "X" estoy usando los Iconos "Fa" de Font Awesome icons

 

[ismadobe]

[MENTION=158380]raysn22[/MENTION] Puede hacerlo cambiando los elementos de la clase de Font Awesome en cada una de las funciones que tiene. Solamente llama al elemento y por medio de className cambia el icono.

 

[r0y]

Como así amigo

 

[santiago131]

[MENTION=158380]raysn22[/MENTION] Puede hacerlo cambiando los elementos de la clase de Font Awesome en cada una de las funciones que tiene. Solamente llama al elemento y por medio de className cambia el icono.

Creo que se refiere a esto:

<script type="text/javascript">
function mostrar(){

document.getElementById("BOTON").className = "fa fa-close";​

document.getElementById('uno').style.display='block';​

}
function ocultar(){

document.getElementById("BOTON").className = "fa fa-eye";​

document.getElementById('uno').style.display='none ';​

}
</script>

Prueba y me dices si te funciona :encouragement: