jQuery展开/折叠div无法在IE7/IE9中工作

Question

我正在使用的网址是www.christnc.com。如果您访问该网站，则会在页面顶部看到一个标有“位置”的按钮。点击时，它应该展开一个div（使用jQuery）来显示我们所有的位置。它适用于除Internet Explorer之外的所有浏览器。我一直在试图弄清楚为什么它不能在IE中工作，重写脚本，禁用/启用插件（网站使用Wordpress作为CMS）等。

任何人都可以看看这段代码并告诉我该修复会是什么？我非常确定，对于熟悉Javascript/jQuery的人来说，需要5分钟才能看到我所猜测的是一个简单的错误。不幸的是，我所拥有的唯一的JavaScript体验包括拉动预先写好的脚本。

---

脚本1

$(function() { 
$("#locationsButton").click(function(event) { 
event.preventDefault(); 
$("#locationsAndServicesWrap").slideToggle(800); 
}); 

$("#closeLocations a").click(function(event) { 
event.preventDefault(); 
$("#locationsAndServicesWrap").slideUp(800); 
}); 
}); 

脚本2（在一切，但IE浏览器的工作）（同样，曾在一切，但IE）

jQuery(function() { 
// Hide the "view" div. 
$('div#locationsAndServicesWrap').hide(); 
// Make the "close" button close 
$("#closeLocations a").click(function(event) { 
event.preventDefault(); 
$("#locationsAndServicesWrap").slideUp(800); 
}); 
// Watch for clicks on the "locations" link. 
$('div#locationsButton').click(function() { 
// When clicked, toggle the div. 
$('div#locationsAndServicesWrap').slideToggle(800); 
return false; 
}); 
}); 

$(document).ready(); 

Answer 1

要包括两个版本jquery的这不会帮助。您已加载版本1.2.1和版本1.6.1。 1.2.1来自你的基督城主题。删除它然后再次测试。你可能会发现这个主题中的其他脚本需要1.2.1，但唯一能找到的方法是开始拉开它。