jQuery slideDown问题

Question

我正在制作类似于网站上的下拉菜单。这是我的代码的一部分。

$(function(){
    $("#Q1").toggle(function(){
      $("#A1").slideUp()
    },function(){
      $("#A1").slideDown()
    });
  });
$("#A1").hide();

ID为Q1的元素为dt，ID为A1的元素为dd。我打算在显示A1之间切换并通过单击Q1来隐藏它。最初，我不希望它显示，因此我使用了hide（）方法。

我遇到的问题是，在加载页面后，我必须首先单击Q1两次以显示A1。之后，一切都按计划进行（单击一下即可触发动画）。

任何人都可以帮我解决这个问题。谢谢。