Javascript 单击show'；第一分部和第二十七分部&；隐藏&x27；第2分部和第27分部&；单击单独按钮显示'；第2分部和第27分部；隐藏'；第1部分'；？

我试图让两个单独的按钮工作，这样，如果你点击一个按钮，它会显示'Div 1'并隐藏'Div 2'，如果你点击一个单独的按钮，它会显示'Div 2'并隐藏'Div 1'

我对jquery或js不是很在行，所以我只做了这一步

---

任何帮助都将不胜感激

不需要

+（i+1）

。只需隐藏

div-1

并显示

div-2

，反之亦然，具体取决于单击的按钮

$（'.button-1'）。单击（函数（）{
$（'.div-2'）.hide（）；
$（'.div-1'）.show（）；
});
$（'.button-2'）。单击（函数（）{
$（'.div-1'）.hide（）；
$（'.div-2'）.show（）；
});
.box{
高度：100px；
}
.div-1{
背景色：红色；
宽度：50px；
高度：50px；
位置：绝对位置；
排名：0；
左：0；
z指数：2；
}
.div-2{
背景颜色：蓝色；
宽度：60px；
高度：60px；
位置：绝对位置；
排名：0；
左：0；
z指数：1；
}
钮扣{
位置：相对位置；
}

第一组
第2组
按钮1
按钮2
不需要
+（i+1）
。只需隐藏
div-1
并显示
div-2
，反之亦然，具体取决于单击的按钮


$（'.button-1'）。单击（函数（）{
$（'.div-2'）.hide（）；
$（'.div-1'）.show（）；
});
$（'.button-2'）。单击（函数（）{
$（'.div-1'）.hide（）；
$（'.div-2'）.show（）；
});
.box{
高度：100px；
}
.div-1{
背景色：红色；
宽度：50px；
高度：50px；
位置：绝对位置；
排名：0；
左：0；
z指数：2；
}
.div-2{
背景颜色：蓝色；
宽度：60px；
高度：60px；
位置：绝对位置；
排名：0；
左：0；
z指数：1；
}
钮扣{
位置：相对位置；
}

第一组
第2组
按钮1
按钮2
您可以这样做：

$('.button-1').click(function() {

    $('.div-2').hide();
    $('.div-1').show();
});

$('.button-2').click(function() {

    $('.div-1').hide();
    $('.div-2').show();
});

您可以这样做：

$('.button-1').click(function() {

    $('.div-2').hide();
    $('.div-1').show();
});

$('.button-2').click(function() {

    $('.div-1').hide();
    $('.div-2').show();
});

隐藏两个框，然后显示所需的框：

$('.button-1, .button-2').click(function() {
  $('.boxes > div').hide();
  $('.div-' + $(this).index()).show();
});

隐藏两个框，然后显示所需的框：

$('.button-1, .button-2').click(function() {
  $('.boxes > div').hide();
  $('.div-' + $(this).index()).show();
});

什么是
i
应该是？
$（'.div-1'+（i+1））
什么是
i
应该是？
$（'.div-1'+（i+1））
变量i=$（this.index（）不需要
var i=$（this.index（）无需担心，伙计，最好尽量让事情简单，我不知道你为什么这么困惑：）我知道出于某种原因，我只是觉得事情比实际情况复杂！别担心，伙计，最好尽量让事情简单化，我不知道你为什么这么困惑：）我知道，出于某种原因，我只是觉得事情比实际情况复杂得多！