if (window.innerWidth <= 480) {
  $(document).ready(function(){
     $(".titulo_tabla").each(function() {
	    var titulo = $(this);
	    titulo.replaceWith('<div class="titulo_tabla" onclick="abrirContenido()">' +  titulo.text() + '</div>' );
	});	
	 $(".contenido_tabla").each(function() {
	    var contenido = $(this);
		contenido.css({visibility: "hidden",
		               height: "2px"
		})
	 });
  });
   function abrirContenido() {  
      $(".contenido_tabla").each(function() {
	     var contenido = $(this);
		 contenido.css({visibility: "visible",
		               height: "auto"
		 })
	  });
	  $(".titulo_tabla").each(function() {
	    var titulo = $(this);
	    titulo.replaceWith('<div class="titulo_tabla" onclick="cerrarContenido()">' +  titulo.text() + '</div>' );
	  });	
   }
   
   function cerrarContenido() {  
      $(".contenido_tabla").each(function() {
	     var contenido = $(this);
		 contenido.css({visibility: "hidden",
		               height: "2px"
		 })
	  });
	  $(".titulo_tabla").each(function() {
	    var titulo = $(this);
	    titulo.replaceWith('<div class="titulo_tabla" onclick="abrirContenido()">' +  titulo.text() + '</div>' );
	  });	
   }   
}