Necesito mostrar y ocultar primero 3 indicadores, y despues mostrar y ocultar los otros 3, tengo el código de esta manera, me muestra y oculta los primeros 3, los otros 3 no, pensé que de esta manera funcionaria:
<div id="contenido">
<div id="content-text1"></div>
<div id="content-text2"></div>
<div id="content-text3"></div>
<div id="contenido2" style="display:none">
<div id="content-text4"></div>
<div id="content-text5"></div>
<div id="content-text6"></div>
<script>
$(function(){
$.ajax({url: "https://widgetsdataifx.blob.core.windows.net/semana/semanaindicators",
success: function(result){
$("#content-text1").html(result);
$("#content-text1").html($(".item-row[data-item='UVR'] .item-value > span ").text());
$("#content-text2").html(result);
$("#content-text2").html($(".item-row[data-item='TRM'] .item-value > span ").text());
$("#content-text3").html(result);
$("#content-text3").html($(".item-row[data-item='EURCOP'] .item-value > span ").text());
$("#content-text4").html(result);
$("#content-text4").html($(".item-row[data-item='DTF'] .item-value > span ").text());
$("#content-text5").html(result);
$("#content-text5").html($(".item-row[data-item='OILVAL'] .item-value > span ").text());
$("#content-text6").html(result);
$("#content-text6").html($(".item-row[data-item='COFFEE'] .item-value > span ").text());
}});
});
</script>
<script>
$(document).ready(function() {
//Ejecutamos método que oculta las cajas
OcultarContenedores1();
//Cada 6 segundos ejecutamos la función que reinicializa los contenedorees
setInterval(function() {
OcultarContenedores2();
}, 12000);
});
//Método que oculta el primer contenedor para mostrar el otro
function OcultarContenedores1() {
setTimeout(function() {
$("#contenido").hide(6000);
}, 3000);
setTimeout(function() {
$("#contenido2").show(12000);
}, 3000);
}
//Método que reinicializa los contenedores
function OcultarContenedores2() {
$('#contenido').show(6000);
$('#contenido2').hide(12000);
}
</script>
</body>
</html>