使用JQuery/Javascript数组形成双面衰落布局

当我为客户创建站点时，我经常会收到一个双面布局的请求，左侧的按钮会使右侧的div适当地淡入淡出。很长一段时间以来，我一直在写每一个案例。（这有点愚蠢和耗时）。我想将其系统化，但我一直很难理解javascript/jquery如何处理.click（）和数组

$(document).ready(function(){
    var left = new Array($('#a'),$('#b'), $('#c'),$('#d'), $('#e'));
    var right = new Array($('#1'),$('#2'),$('#3'),$('#4'),$('#5'));
   // left[0].click(function(){right[0].fadeIn('fast');})
    var numbers = new Array(1,2,3,4,5);

    function fadey(x){
        left[x].click(function(){
          right[x].fadeIn('fast');
         })

    }
    for (var i = 0; i < left.length; i++) {
      fadey(i);
    };
})

$（文档）.ready（函数（）{
var left=新数组（$（'a'）、$（'b'）、$（'c'）、$（'d'）、$（'e'）；
var right=newarray（$（'1'）、$（'2'）、$（'3'）、$（'4'）、$（'5'）；
//左[0]。单击（函数（）{right[0]。fadeIn（'fast'）；}）
变量数=新数组（1,2,3,4,5）；
函数fadey（x）{
左[x]。单击（函数（）{
右[x].fadeIn（'fast'）；
})
}
对于（变量i=0；i

此代码获取它，以便左侧按钮导致相应的右侧div出现。问题是，我似乎无法让其他div消失，而不导致所有div消失

理想情况下，如果我可以有一行代码，在单击左侧jquery对象数组时简单地进行检查，获取其索引值，并使相应的右侧jquery对象数组出现，同时隐藏其他数组，那就太棒了

这样我就可以将元素插入到每个数组中，而不用担心逐个编写这些案例

---

非常感谢你的帮助

您只需使用类而不是ID创建一个通用事件处理程序：

$('.left button').click(function() {
    var index = $(this).index();

    $('.right section').eq(index).fadeIn('fast');
});

我假设您的HTML如下所示：

<aside class="left">
    <button>One</button>
    <button>Two</button>
    <button>Three</button>
</aside>

<aside class="right">
    <section>One</section>
    <section>Two</section>
    <section>Three</section>
</aside>

一个
两个
三
一个
两个
三

Hi Blender！由于某种原因，除了fadeIn之外，一切都正常。在这里检查