安装不在laravel中工作的JQuery代码段

Question

我正在尝试安装以下内容：http://red-team-design.com/simple-and-effective-dropdown-login-box/

当我将鼠标悬停在它上面时，颜色会发生变化。单击inspect元素时会显示CSS。

但是当我点击登录标签时，它不会打开。

我做错了什么？我怎样才能知道我做错了什么？

我创建了一个名为custom.js的文件并将其嵌入。

我使用的是Laravel框架。

Answer 1

我从头脑中输入了这个，但似乎默认的锚标记事件不会被丢弃（在#login-trigger上）。您可以将事件作为变量传递给触发函数，并在此函数结束时调用e.preventDefault();或调用return false;。

$(document).ready(function(e){
  $('#login-trigger').click(function(e){  //add this
    e.preventDefault(); //add this
    $(this).next('#login-content').slideToggle();
    $(this).toggleClass('active');          

    if ($(this).hasClass('active')) $(this).find('span').html('▲')
      else $(this).find('span').html('▼')
    })
});