JQuery切换问题
我正在使用JQuery。我以HTML代码的形式编写:JQuery切换问题,jquery,xhtml,Jquery,Xhtml,我正在使用JQuery。我以HTML代码的形式编写: <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" class="close" style="display: none;" href="#">Close Panel</a> </li> 他们的问题是,它在一个文件中工
<li id="toggle">
<a id="open" class="open" href="#">Log In | Register</a>
<a id="close" class="close" style="display: none;" href="#">Close Panel</a>
</li>
他们的问题是,它在一个文件中工作。在那之后,我在另一个文件中复制,它将无法工作
文档中没有重复的ID或任何其他内容是否确实已将脚本标记更改为引用新文件名?
- 检查是否正确引用了jQuery
- 检查JavaScript错误
- 使用“查看源代码”验证您正在测试文件的正确版本,而不是较旧的缓存版本
- 使用验证您的html
- 使用验证您的JavaScript
$(document).ready(function() {
// Expand Panel
$("#open").click(function(){
$("div#panel").slideDown("slow");
});
// Collapse Panel
$("#close").click(function(){
$("div#panel").slideUp("slow");
});
// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
$("#toggle a").toggle();
});
});