javascript - 隐藏和显示功能在 jquery 中不起作用

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 3 年前。

Improve this 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>