Question

我可以知道我的代码有什么问题吗？ slideToggle向上滑动而不是向下滑动。

以下是HTML代码：

<!DOCTYPE html>
<html>
    <head>
    <title>Uppgift 3</title>
    <meta charset=utf-8>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="script.js" ></script>
    </head>
<body>
<div id="navigation">
    <div class="dropdown"> </div> 
    <div class="dropdown"> </div>    
    <div class="dropdown"> </div>
    <div class="dropdown"> </div>
    <div class="dropdown"> </div>    
    <div class="dropdown"> </div>    
</div>
</body>

以下是我的JS代码：

$(document).ready(function () {
    $(".dropdown").click(function () {
        $(this).slideToggle("slow");
    });
});

以下是我的CSS代码：

#navigation {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin-top:7%;
    display:block;
}

div.dropdown {
    height:50px;
    width:140px;
    display:inline;
    float:left;
    background-color:steelblue;
    margin-left: 12px;
    cursor:pointer;
}

谁能告诉我哪里做错了？它因某种原因而向上滑动＆lt;。＆lt;。＆lt;提前谢谢=）干杯

JQuery - slideToggle（）向上滑动而不是向下滑动

0 个答案: