javascript - jQuery slideDown，不适用于链接

编辑：我不见了}）;最后，感谢Petr向我提示了错误

我有以下HTML代码：

 <a href='#' class='button_flat'> Why Choose Us </a>
<div class='whyus'> Lorem Ipsum </div>

这是我的jQuery

$(document).ready(function(){
            $(".button_flat").click(function(){
            $(".whyus").slideDown();
            });

的CSS

.button_flat {
        border:0px;
        background: #34495e;
        color: white;
        padding-top:10px;
        padding-bottom:10px;
        text-decoration:none;
        padding-left:15px;
        padding-right:15px;
    }
    .whyus {

        display:none;

    }

我不知道为什么代码不起作用。如果有人可以帮助我，我将不胜感激。

最佳答案

这是编辑后的代码。定位标记的位置是固定的，下拉菜单在页面加载时保持隐藏状态。

<a href='#' class='button_flat'> Why Choose Us </a>
<br><br>
<div class='whyus'> Lorem Ipsum </div>

的CSS

.button_flat {
        border:0px;
        background: #34495e;
        color: white;
        padding-top:10px;
        padding-bottom:10px;
        text-decoration:none;
        padding-left:15px;
        padding-right:15px;
        position:fixed;
    }
    .whyus {

        display:none;

    }

jQuery的

$(document).ready(function(){
     $(".whyus").hide();
  $(".button_flat").click(function(){
    $(".whyus").toggle("slow");
  });
});

Demo
希望这可以帮助
谢谢

关于javascript - jQuery slideDown，不适用于链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18171403/