jQuery slideToggle无法在<；ul>；

jquery的slideToggle函数在我的代码中不起作用，什么都没有发生

这是我的密码

HTML:

<a class="button">clickhere</a>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

ul {
  display: none;
  position: absolute;
  background: #45afff;
  margin-top: 20px;
  padding-bottom: 5px;
}

ul li{
  float:none;
  margin:0;
  padding: 7px 15px;
}

$('.button').click(function() {
  $('ul').slideToggle('slow');
});

jQuery:

<a class="button">clickhere</a>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

ul {
  display: none;
  position: absolute;
  background: #45afff;
  margin-top: 20px;
  padding-bottom: 5px;
}

ul li{
  float:none;
  margin:0;
  padding: 7px 15px;
}

$('.button').click(function() {
  $('ul').slideToggle('slow');
});

您只是缺少了

）

要关闭

函数，请单击

并将代码包装到DOM就绪处理程序中：

$(function() {
    $('.button').click(function () {
        $('ul').slideToggle('slow');
    }); // <-- Here
});

$（函数（）{
$（'.button'）。单击（函数（）{
$（'ul'）。滑动切换（'slow'）；
})；//您的代码必须在
文档中。准备就绪

试试这个

$(window).load(function(){
    $('.button').click(function() {
      $('ul').slideToggle('slow');
    });  // here you missed closing tag
});

我发现了问题。另一个代码中有另一部分（与此问题无关）在我的script.js上有一个错误。很抱歉，我只是在stackoverflow上忘记了它，但我在代码中编写了，没有工作。你检查了我的演示吗？还记得正确地包括jQuery并将代码包装在DOM ready hanlder中。检查我的更新它很奇怪，因为我有$（document）.ready（function（）{…}）；但什么也没发生。我也尝试过使用$（window）.load（…），但运气不好。@Mauriziolibrane您的控制台中有什么错误。loaded jquery lib？我查看控制台，发现另一部分代码有问题。非常感谢您的帮助support@mauriziolibravene很高兴帮助您获得chrome并使用开发工具，console将帮助您调试