Javascript jquery if语句缩写，带有多个else if

我正在建立一个画廊，想知道是否有一个更有效或更短的方式来建立这个

所有被调出的ID都被称为相同的，除了末尾的一个数字之外，不包括主菜单部分。我主要是问，如果我有200个，9个也不算坏。。。。你明白了

p、 这段代码运行良好，只是想了解一些关于缩短或优化的技巧

提前谢谢

$("#next_salud").on('click', function() {
if($('#Salud_inner01').is(':visible')) {
$("#Salud_inner01").fadeOut(1);
$("#Salud_inner02").fadeIn(600);
}

else if($('#Salud_inner02').is(':visible')){
$("#Salud_inner02").fadeOut(1);
$("#Salud_inner03").fadeIn(600);
}

else if($('#Salud_inner03').is(':visible')){
$("#Salud_inner03").fadeOut(1);
$("#Salud_inner04").fadeIn(600);
}

else if($('#Salud_inner04').is(':visible')){
$("#Salud_inner04").fadeOut(1);
$("#Salud_inner05").fadeIn(600);
}

else if($('#Salud_inner05').is(':visible')){
$("#Salud_inner05").fadeOut(1);
$("#Salud_inner06").fadeIn(600);
}

else if($('#Salud_inner06').is(':visible')){
$("#Salud_inner06").fadeOut(1);
$("#Salud_inner07").fadeIn(600);
}

else if($('#Salud_inner07').is(':visible')){
$("#Salud_inner07").fadeOut(1);
$("#Salud_inner08").fadeIn(600);
}

else if($('#Salud_inner08').is(':visible')){
$("#Salud_inner08").fadeOut(1);
$("#Salud_inner09").fadeIn(600);
}

else if($('#Salud_inner09').is(':visible')){
$(".salud_cont_remove").fadeOut(1);
$("#prev_salud,#next_salud").fadeOut(1);
$("#salud_menu_holder").fadeIn(600);
}

});

---

我建议为#Salud_inner01到#Salud_inner09创建一个公共类（SaludClass），并使用以下命令

<div class="SaludClass" id="Salud_inner01" idx="01"></div>
<div class="SaludClass" id="Salud_inner02" idx="02"></div>
....
....
<div class="SaludClass" id="Salud_inner09" idx="09"></div>


$("#next_salud").on('click', function() {
   if($('.SaludClass').is(':visible')) {
       var idx = $(this).attr(idx);
       $("#Salud_inner"+idx).fadeOut(1);
       $("#Salud_inner"+(idx+1)).fadeIn(600);
    }
}

....
....
$（“#next_salud”）。在（'click'，function（）上{
如果（$（'.SaludClass'）。是（':visible'））{
var idx=$（this）.attr（idx）；
$（“#Salud_internal”+idx）。淡出（1）；
$（#Salud_inner）+（idx+1））.fadeIn（600）；
}
}
我们需要看到你的HTML，但是是的，这可能要短很多。你可能想考虑设置一个JS小提琴。你可以在这里用一个循环来增加IHTML，如果你把HTML放在后面，这可以大大缩短。