显示div标签，但即使在给出hide（）事件后也不会隐藏

Question

<script type="text/javascript">
  $(document).ready(function() {
    $("#total1").show();
  });

  $(".nstSlider1").on('click', function() {
   $("#total1").show();
   $("#total2, , #total4, #total3").css('display', 'none');
  });

  $(".nstSlider2").on('click', function() {
   $("#total2").show();
   $("#total4, , #total1, #total3").css('display', 'none');
  });

  $(".nstSlider3").on('click', function() {
   $("#total3").show();
   $("#total2, , #total1, #total4").css('display', 'none');
  });

  $(".nstSlider4").on('click', function() {
   $("#total4").show();
   $("#total2, #total1, #total3").css('display', 'none');
  });
</script>

当我点击.nstSlider1时，会显示#total1并隐藏其他#total2，#total3，#total4 ...但是当我点击.nstSlider2时，它也会显示#total2，但不会隐藏＃total1 ...因此，当我点击.nstSlider3时，显示#total3，但其他人再次没有被隐藏...为什么？非常感谢帮助。

Answer 1

当你使用jQuery函数show（）时，你也可以使用hide（）

尝试使用隐藏（）代替 css（'display'，'none'）

Answer 2

首先，每个点击处理程序都有一个语法错误：

#total2, , #total4

我猜这里不需要双重逗号。

Answer 3

＆＃13;

＆＃13;

  $(document).ready(function() {
    $("#total1").show();
    $("#total2,#total4, #total3").css('display', 'none');
  });

  $(".nstSlider1").on('click', function() {
   $("#total1").show();
   $("#total2,#total4, #total3").css('display', 'none');
  });

  $(".nstSlider2").on('click', function() {
   $("#total2").show();
   $("#total4,#total1, #total3").css('display', 'none');
  });

  $(".nstSlider3").on('click', function() {
   $("#total3").show();
   $("#total2,#total1, #total4").css('display', 'none');
  });

  $(".nstSlider4").on('click', function() {
   $("#total4").show();
   $("#total2, #total1, #total3").css('display', 'none');
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="total1">total1</div>
<div id="total2">total2</div>
<div id="total3">total3</div>
<div id="total4">total4</div>


<div class="nstSlider1">nstSlider1</div>
<div class="nstSlider2">nstSlider2</div>
<div class="nstSlider3">nstSlider3</div>
<div class="nstSlider4">nstSlider4</div>

＆＃13;

＆＃13;

＆＃13;