[SOLUCIONADO] Volver a poner width 100%

[manelmanel8]

Cuando apreto el boton con clase headerrrr p cambio los estilos, cuando vuelvo apretar el boton como puedo volver a poner el 100% del ancho?

Código PHP:

  <script>
        $('nav').hide();
        $('.headerrrr p').click(function() {
            $('header').css("width","80%");
            $('header').css("position","fixed");
            $('header').css("right","0%");
            $('nav').toggle();        
        });
</script> 
  

Gracias

[Alexis88]

Se me ocurren varias formas, una de ellas consiste en usar una variable que puedes usar como comodín, la cual inicialmente tendrá un valor, luego, al dar clic al botón, evalúas el valor del comodín; si este tiene el valor inicial, le otorgas al <header> el 80% de ancho, caso contrario, el 100%. Luego de la condición, cambias el valor del comodín para que este efecto sea dinámico y así puedas varias el ancho del elemento con cada clic.

Código Javascript:

var comodin = false;
 
$("#id_boton").click(function(){
    if (!comodin){
        $("header").css("width", "80%");
    }
    else{
        $("header").css("width", "100%");
    }
    comodin = !comodin;
});
 

Saludos

[IsaBelM]

supongo el método css() viene a ser "elem.style.propiedad" para javascript. en caso que tu css esté embebido o sea externo, lo único que has de hacer es sobrescribir el valor de la propiedad a vacía

elem.style.propiedad = '';