jQuery slideToggle 不适用于 <ul>

Question

jquery 的 slideToggle 函数在我的代码上不起作用，没有任何反应..

这是我的代码。

HTML:

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

CSS:

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

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

jQuery:

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

Answer 1

您只是缺少 ); 来关闭您的 click 函数并将您的代码包装在 DOM 就绪处理程序中:

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

Fiddle Demo