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

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

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

Answer 2

对于特定的问题，您可能需要使用slideToggle。

看一看http://jsfiddle.net/tchow002/LvVAu/6/的一个工作示例。

如果当你点击你的产品链接时什么都没有发生，请看@ Patino的答案。