Question

我正在尝试让一些div控制更改并隐藏或显示其他div。

已经阅读了很多，但它并没有帮助我。我已经写了很多文章来使它工作，但是必须有一个更简单的方法，因为查询是“少写，多做”。这就是我所拥有的。

$(window).load(function () {
   $('#left2, #left3, #left4, #left5, #left6, #left7, #header-pic, #header-pic2, #header-pic3, #header-pic4, #header-pic5, #header-pic6, #headerpic7').hide(function () {       
   $('#right-01').click(function () {
   $('#coin-slider, #header-pic, #header-pic3, #header-pic4, #header-pic5, #header-pic6, #headerpic7, #left, #left3, #left4, #left5, #left6, #left7').hide();
   $('#left2, #header-pic2').show();
 $('#right-02').click(function () {
 $('#coin-slider, #header-pic, #header-pic2, #header-pic4, #header-pic5, #header-pic6, #header-pic7, #left, #left2, #left4, #left5, #left6, #left7').hide();
 $('#left3, #header-pic3').show();
   $('#right-03').click(function () {
   $('#coin-slider, #header-pic, #header-pic2, #header-pic3, #header-pic5, #header-pic6, #header-pic7, #left, #left2, #left3, #left5, #left6, #left7').hide();
   $('#left4, #header-pic4').show();
 $('#right-04').click(function () {
 $('#coin-slider, #header-pic, #header-pic2, #header-pic3, #header-pic4, #header-pic6, #header-pic7, #left, #left2, #left3, #left4, #left6, #left7').hide();
 $('#left5, #header-pic5').show();
   $('#right-05').click(function () {
   $('#coin-slider, #header-pic, #header-pic2, #header-pic3, #header-pic4, #header-pic5, #header-pic7, #left, #left2, #left3, #left4, #left5, #left7').hide();
   $('#left6, #header-pic6').show();
  $('#right-06').click(function () {
  $('#coin-slider, #header-pic, #header-pic2, #header-pic3, #header-pic4, #header-pic5, #header-pic6, #left, #left2, #left3, #left4, #left5, #left6').hide();
  $('#left7, #header-pic7').show();
                        });
                    });
                });
            });
        });
    });
});
});

Answer 1

老实说，不确定这是否能回答你的问题，因为我不确定你想做什么。

您的示例显示了ID选择的元素数量不必要。使用CSS类构建标记。然后使用jQuery to select elements by class代替ID。

一个div改变了其他几个

1 个答案: