jquery - jquery slideUp 不工作

Question

我是网页设计新手。我正在尝试创建一个带有滑动菜单的网站，但不幸的是我在初始阶段就被 jquery 卡住了。

这是我的 HTML 页面 (index.html)

<div class="titlebar" align="middle">
    <div class="nav">
        <div id="menu_products" class="menu">
            <a href="#" class="prodlink">Products</a>
        </div>
        <div id="menu_logo" class="menu">
            <b><a href="">company name</a></b>
        </div>
        <div id="menu_account" class="menu">
            <a href=""> Account</a>
        </div>
    </div>
    <div class="products" id="productlist">
        <br /><br /><br /><br /><br />
            <a href="" class="prod_nav">Computers</a>
            <a href="" class="prod_nav">Laptops</a>
            <a href="" class="prod_nav">Tablets</a>
            <a href="" class="prod_nav">Smart Phones</a>
    </div>              
</div>

这是我的 jquery (index.js)

$("a.prodlink").click(function() {
    $(".products").slideUp();
});

Answer 1

You may want to use slideToggle for your particular problem.

Take a look at http://jsfiddle.net/tchow002/LvVAu/6/ for a working example.

If nothing is happening when you click your products link please look at the answer by @Pavel Patino.

Answer 2

我猜 JS 只是没有等待 DOM 准备好。尝试这个：

$(document).ready(function(){
    $("a.prodlink").click(function() {
        $(".products").slideUp();
    });
});