slideToggle()函数不执行任何操作

时间:2019-06-19 13:51:44

标签: jquery

当有人点击def foo(a): a = [a] a.append(5) # and so on (我从fontawesome添加)后,我想滑动菜单进行切换,但是我尝试了所有操作

i
$(document).ready(function() {
  $('.fa-beer').click(function() {
    $('#aa').slideToggle(fast);
  })
})
#aa {
  position: absolute;
  width: 230px;
  height: 100%;
  color: white;
  background: green;
  display: none;
}

#aa ul li {
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid white;
}

1 个答案:

答案 0 :(得分:1)

在您的代码中,fast应该用引号引起来。

除了您的代码是完美的。

$(document).ready(function() {
  $('.fa-beer').click(function() {
    $('#aa').slideToggle("fast");
  })
})
#aa {
  position: absolute;
  width: 230px;
  height: 100%;
  color: white;
  background: green;
  /*display: none;*/
}

#aa ul li {
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid white;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<i class="fas fa-beer">toggle</i>
<div id="aa">
  <ul>
    <li>Maain</li>
    <li>Maain</li>
    <li>Maain
      <ul>
        <li>maain 2</li>
      </ul>
    </li>
    <li>Maain</li>
    <li>Maain</li>
  </ul>
</div>