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

Answer 2

您的代码必须位于document.ready

试试这个

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

DEMO

Answer 3

我发现了问题。在我的script.js上有另一部分代码（与此问题无关）有错误。遗憾

jQuery slideToggle不适用于<ul> </ul>

3 个答案: