javascript - 简化javascript

我在各种ID上同时发生多个淡出，例如，有没有办法在一行中进行设置：

这个：

$("#bottle").on('click', function() {
  $("#container_inner01").fadeIn(1100);
  $("#container_inner02").fadeOut(1100);
  $("#container_inner03").fadeOut(1100);
  $("#container_inner04").fadeOut(1100);
  $("#container02").fadeOut(1100);
})

变成这样：

$("#bottle").on('click', function() {
  $("#container_inner01").fadeIn(1100);
  $("#container_inner02,#container_inner02,#container_inner03,#container_inner04,#container02").fadeOut(1100);
})

我确定它可能存在，并且正在执行某些语法错误。

最佳答案

为什么不给元素一个class并以这种方式执行脚本？

$("#bottle").on('click', function () {
    $("#container_inner01").fadeIn(1100);
    $('.test').fadeOut(1100);
});

JsFiddle demo

关于javascript - 简化javascript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27403312/