JQuery向下滑动不工作；显示两个HTML元素，不发生滑块效果_Jquery

JQuery向下滑动不工作；显示两个HTML元素，不发生滑块效果

jquery

JQuery向下滑动不工作；显示两个HTML元素，不发生滑块效果,jquery,Jquery,我的JQuery不起作用，我不知道为什么。我想知道这是否与最近升级到Windows10有关，但我不知道。这是我的整个HTML页面。注意：即使我去掉了所有链接和脚本，只留下一个用于JQuery，它仍然不起作用 <!DOCTYPE html> <html lang="en" class="container"> <head> <title>Practice Search Results webpage</title

我的JQuery不起作用，我不知道为什么。我想知道这是否与最近升级到Windows10有关，但我不知道。这是我的整个HTML页面。注意：即使我去掉了所有链接和脚本，只留下一个用于JQuery，它仍然不起作用

    <!DOCTYPE html>
    <html lang="en" class="container">
    <head>
    <title>Practice Search Results webpage</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="style.css">
<script>
/* Jquery Slider Practice*/
$(document).ready(function(){
    $("#AtomicNumbers").click(function(){
        $("#details").slideDown("slow");
    });
});
</script>
<style>
#AtomicNumbers, #details {
        padding: 5px;
        text-align: left;
        background-color: pink;
        border: solid 1px black;
        width: 500px;
}   


</style>
</head>
<body>

<h2>We found results near you!</h2>

<h3 id="AtomicNumbers"> Atomic Numbers</h3>
<p id="details">Here are the details about Atomic Numbers</p>

</body>
</html>


实践搜索结果网页
/*Jquery滑块实践*/
$（文档）.ready（函数（）{
$（“#原子数”）。单击（函数（）{
$（“#详细信息”）。向下滑动（“慢速”）；
});
});
#原子数，#细节{
填充物：5px；
文本对齐：左对齐；
背景颜色：粉红色；
边框：实心1px黑色；
宽度：500px；
}   
我们在你附近发现了结果！
原子序数
以下是有关原子序数的详细信息

您必须了解slidedown（）的功能。您的

标记已显示在html中。因此，它不会对slidedown（）执行任何操作。如果要查看效果，请执行以下操作：

 $("#details").hide().slideDown("slow");

我让它与以下代码一起工作。谢谢大家

#details {
     display: none;
}

我没有意识到需要“显示：无；”。

定义“不工作”。发生了什么或没有发生什么？这个问题可能会因为低质量而被关闭…看看这个：因为如何问关于StackoverflowNot的问题在这里工作意味着什么都不做。我很乐意更改标题，但它似乎不言自明。这有点帮助。我的页面继续显示元素，但是如果我点击了，我会得到一个向下滑动的效果。还有什么想法吗？