Hola Tengo el siguiente código jQuery para hacer funcionar una linea de tiempo, cumple su función, pero veo que es muy extenso y no se me ha ocurrido una forma de reducirlo soy nuevo en jQuery jQuery("#item1").show(); jQuery("#item2").hide(); jQuery("#item3").hide(); jQuery("#item4").hide(); jQuery("#item5").hide(); jQuery(".time1").click(function(){ jQuery("#item1").show(); jQuery("#item2").hide(); jQuery("#item3").hide(); jQuery("#item4").hide(); jQuery("#item5").hide(); }); jQuery(".time2").click(function(){ jQuery("#item2").show(); jQuery("#item1").show(); jQuery("#item3").hide(); jQuery("#item4").hide(); jQuery("#item5").hide(); }); jQuery(".time3").click(function(){ jQuery("#item3").show(); jQuery("#item2").show(); jQuery("#item1").show(); jQuery("#item4").hide(); jQuery("#item5").hide(); }); jQuery(".time4").click(function(){ jQuery("#item4").show(); jQuery("#item2").show(); jQuery("#item3").show(); jQuery("#item1").show(); jQuery("#item5").hide(); }); jQuery(".time5").click(function(){ jQuery("#item5").show(); jQuery("#item2").show(); jQuery("#item3").show(); jQuery("#item1").show(); jQuery("#item4").show(); }); si pueden ayudarme a iterar los elementos para no repetir el código se los agradecería. estaba pensando en un ciclo for ya que estaré controlando los nuevos elementos. la linea de tiempo tiene la siguiente lógica: * ---- * ----- * ----- * comienza con el primer elemento visible y los otros ocultos cuando le doy click al segundo, queda visible el primero y el segundo y así con todos, lo mismo a dejar oculto. si le doy al primer elemento todos los demas quedaran ocultos.