1

como puedo quitar las propiedades que se cambian del css con jquery, este es mi codigo:

$("#box_archivos").click(function(){
     $("#box_datos").css({'height':'270px'});
     $("#box_archivos").css({'height':'90%'});
     $("#box_textarea").css({'display':'none'});
   });

lo que yo quiero es cuando doi click en #box_datos las css añadidas con jquery que se quiten y vuelva al css normal. Gracias

1 respuesta 1

5

Puedes hacer lo mismo pasándole como valor un String vacio "". De este modo elimina el estilo que se le añade inline y vuelve a coger el computed-style

$("#box_datos").css({'height':''});

Establecer el valor de una propiedad de estilo en una cadena vacía, p. Ej. $ ("#mydiv") .css ("color", ""): elimina esa propiedad de un elemento si ya se ha aplicado directamente.

Traducido de .css()


Snippet ejemplo:

$("#box_archivos").click(function(){
  $("#box_datos").css({'height':'270px'});
  $("#box_archivos").css({'height':'90%'});
  $("#box_textarea").css({'display':'none'});
});

$("#remove_css").click(function(){
  $("#box_datos").css({'height':''});
  $("#box_archivos").css({'height':''});
  $("#box_textarea").css({'display':''});
});
.item {
  display:block;
  border: 1px solid green;
  width: 100%;
  height: 20px;  
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="box_archivos">ADD CSS</button>
<div id="box_datos" class="item"></div>
<div id="box_archivos" class="item"></div>
<div id="box_textarea" class="item"></div>
<button id="remove_css">REMOVE CSS</button>

1
  • gracias, por el aporte muy bueno.... el 13 feb. 2020 a las 8:42

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.