Javascript jquery的较新版本是否覆盖/失效或.slidetoggle()?

Javascript jquery的较新版本是否覆盖/失效或.slidetoggle()?,javascript,jquery,Javascript,Jquery,下面的代码片段是独立工作的,但不在我的网页中(我知道这可能有很多原因)。我正在尝试设置它,以便单击一个div切换另一个div 这里有一些可能的问题,请让我知道什么是合理的 1) 我的网页有最新的Jquery 1.10.1版本。在代码片段中,当我将Jquery切换到较新的版本时,切换不再起作用。在我的网页上,新版本(似乎不支持.slideToggle)会覆盖同样链接的旧版本吗 2) 我还注意到,在我的网页上,当我将光标悬停在顶部时,光标不会变为指针。这是否可能是一个分层问题,并且我没有在上面悬停,

下面的代码片段是独立工作的,但不在我的网页中(我知道这可能有很多原因)。我正在尝试设置它,以便单击一个div切换另一个div

这里有一些可能的问题,请让我知道什么是合理的

1) 我的网页有最新的Jquery 1.10.1版本。在代码片段中,当我将Jquery切换到较新的版本时,切换不再起作用。在我的网页上,新版本(似乎不支持.slideToggle)会覆盖同样链接的旧版本吗

2) 我还注意到,在我的网页上,当我将光标悬停在顶部时,光标不会变为指针。这是否可能是一个分层问题,并且我没有在上面悬停,因此无法单击它

如果这不是直截了当的,请提问

    <!DOCTYPE html>
<html>
<head>
  <style>
  p { width:400px; }
  #top {cursor: pointer;}
  </style>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <div id="top">EMAIL ADDRESS</div>
  <div id="bottom">
        CONTENT INFORMATION
        </div> 


<script>
    $("#top").click(function () {
      $("#bottom").slideToggle("fast");
    });
</script>

</body>
</html>

p{宽度:400px;}
#顶部{光标:指针;}
电子邮件地址
内容信息
$(“#顶部”)。单击(函数(){
$(“底部”)。滑动切换(“快速”);
});

您的代码正在使用jQuery 1.10

使用jQuery ready函数包装单击事件

$(document).ready(function(){
    $("#top").click(function () {
      $("#bottom").slideToggle("fast");
    });
});

“既然我链接了较新版本的Jquery,它们会覆盖较旧版本吗”-你是说同一页面上包含了多个版本的Jquery吗?你关于CSS不起作用的第二点可能是一个线索是的。如果将
$(“#bottom”).slideToggle()
替换为简单的
警报(“测试”)
是否有效?请注意,您显示的代码适用于jQuery 1.10.1: