Question

嗨，我想应用一个条件，如果单击了“编辑”按钮，则它显示或隐藏了另一部分，我已经应用了该条件来做到这一点，但是它不起作用：

$(document).ready(function() {
  $("#edit-invited-btn").click(function() {
    $(".edit-invited2").toggle();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="col-md-4" id="edit-invited2">
  <select id="subjects" name="subjects" class="form-control select2" data-placeholder="Select Teacher" style="width: 100%;" multiple>
    <option value="1" selected>1</option>
    <option value="2">2</option>
  </select>
</div>

<button class="pull-right" id="edit-invited-btn">Edit</button>

Answer 1

$(".edit-invited2")应该是$("#edit-invited2")。在html中，edit-invited2是id而非类。

$("#edit-invited-btn").click(function() {
  $("#edit-invited2").toggle();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-4" id="edit-invited2">
  <select id="subjects" name="subjects" class="form-control select2" data-placeholder="Select Teacher" style="width: 100%;" multiple>
    <option value="1" selected>1</option>
    <option value="2">2</option>
  </select>
</div>

<button class="pull-right" id="edit-invited-btn">Edit</button>

Answer 2

$(".edit-invited").toggle();

在代码检查一次中，没有名为edit-invited的类

如果您要切换id="edit-invited"而不是替换

$(".edit-invited").toggle();

收件人

$("#edit-invited").toggle();

隐藏和显示功能在jQuery中不起作用

2 个答案: