JQuery切换问题

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> 他们的问题是,它在一个文件中工

我正在使用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>
他们的问题是,它在一个文件中工作。在那之后,我在另一个文件中复制,它将无法工作


文档中没有重复的ID或任何其他内容

是否确实已将脚本标记更改为引用新文件名?

  • 检查是否正确引用了jQuery
  • 检查JavaScript错误
  • 使用“查看源代码”验证您正在测试文件的正确版本,而不是较旧的缓存版本
  • 使用验证您的html
  • 使用验证您的JavaScript

您的意思是试图在另一个HTML文档中重用代码吗?你能澄清你的意思吗?什么文件?是的,我正在尝试在另一个HTML文档中重用代码
$(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();
        });     

    });