.toggle 不显示已经隐藏的 div，但它隐藏显示的。为什么？

Question

我正在尝试在切换时隐藏 div 显示，但我没有运气。相反的工作（如果我把显示：内联，当我点击按钮时它是隐藏的）。我是 JQuery 的初学者，所以我可能做错了一些事情。这是代码：

<style>

.boxx {display: none;}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("ggg").toggle(300);
  });
});
</script>

<center>

<button>click here</button><br>
<ggg>
<div class="boxx">show this text</div>
</ggg>

提前致谢！

Answer 1

您需要切换 class .boxx。

$(document).ready(function(){
  $("button").click(function(){
    $(".boxx").toggle(300);
  });
});