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

Question

我正在尝试在切换时显示隐藏的div，但我没有运气。相反的作品（如果我把display：inline放进去，当我单击按钮时它是隐藏的）。我是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

您需要改为切换类.boxx。

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