Mejor manera para aparecer y desaparecer.

[iEnrique]

Esta duda no es para contestar con código sino que yo, por poner un ejemplo, tengo un botón que cambia el overflow de "auto" a "hidden" y al revés. Como puedo hacer una función para que si es igual a hidden lo ponga auto y al contrario.

Se puede hacer de forma guarra pero, ¿hay alguna forma para hacerlo de hacerlo de forma más limpia?

[caricatos]

Hola:

No sé a qué te refieres con "forma guarra", pero si es teniendo los atributos style en el botón, (no creo que se pueda considerar guarra...), en vez de style se puede usar una clase... pero mejor será que expliques mejor la pregunta.

Saludos

[iEnrique]

No me refiero a eso jajaja, me refiero a Javascript, como hacer para saber si el overflow está hidden para ponerlo en auto y al revés; al pulsar un mismo botón para las dos cosas. Si sigues sin entenderlo recurriré a los códigos.

[Erick_MD9]

Hola, puedes usar una funcion enviandole el Id, o puedes hacer variaciones para enviarle el objeto con this

Código Javascript:

function oculta_muestra(ID){
    if (document.getElementById(ID).style.overflow=='hidden'){
        document.getElementById(ID).style.overflow='auto';
    }else{
        document.getElementById(ID).style.overflow='hidden';
    }
}
 

Saludos

[iEnrique]

Iniciado por Erick_MD9

Hola, puedes usar una funcion enviandole el Id, o puedes hacer variaciones para enviarle el objeto con this

Código Javascript:

function oculta_muestra(ID){
    if (document.getElementById(ID).style.overflow=='hidden'){
        document.getElementById(ID).style.overflow='auto';
    }else{
        document.getElementById(ID).style.overflow='hidden';
    }
}
 

Saludos

Eso lo probé pero no me funcionó...

[patilanz]

Utiliza display none y block

[iEnrique]

No, no me refiero a eso...

[omarinfinito]

Probe el codigo de Erick así y me funciono

Código HTML:

<script>
function oculta_muestra(){
    if (document.getElementById("Div").style.overflow=='hidden'){
        document.getElementById("Div").style.overflow='auto';
        document.getElementById("A").innerHTML = 'Ocultar'
    }else{
        document.getElementById("Div").style.overflow='hidden';
        document.getElementById("A").innerHTML = 'Mostrar'
    }
}
</script>
<a href="javascript:oculta_muestra();" id="A">Ocultar</a>
<div id="Div" style="width:90;height:20;overflow:auto">Un Texto<br>Otro Texto</br></div>
 

[patilanz]

Buscas una forma mas elegante... mmm
Un operador ternario ? O una funciona que recibe como parametro la div a ocultar o mostrar ?

Te refieres a esto?

[caricatos]

Hola:

Me parece que es el momento de que "muevas ficha"... no sabemos qué código tienes ni a qué llamas "forma guarra"...

Ya te han mostrado algunos códigos, y yo me guardo mis líneas hasta saber tu intención

Saludos

[iEnrique]

Vale, gracias ya esta solucionado, era fallo mio por lo que no funcionaba el codigo de Erick. "Forma guarra" es tener que cambiarle el nombre o la id y comprobarlo, etc... Muchas gracias a todos!