Question

我有一个jQuery函数，基本上在点击时切换div但它不起作用我不知道我是否可能错误地导入了库或者什么但我根本无法使其运行。请告诉我，如果我遗失了任何东西或者我的代码搞砸了。

我的确切代码如下：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){
   $("a.notifications-dropdown-trigger").click(function () {
      $('#post-notifications-dropdown').toggle('slide', {
         duration: 100,
         direction: 'up'
      });
   });
});
</script>

HTML标记：

<a class="notifications-dropdown-trigger">click me</a>

<div id="post-notifications-dropdown">
 .... code
</div>

所有内容都直接编码到服务器上，并且在我保存的那一刻就是现场直播。

Answer 1

您只需使用.slideToggle()

即可

描述：用滑动动作显示或隐藏匹配的元素。

代码的

$(document).ready(function(){
   $("a.notifications-dropdown-trigger").click(function (event) {
      $('#post-notifications-dropdown').slideToggle(100);
      event.preventDefault();
   });
});

jQuery脚本不会运行

1 个答案: