2010-04-29 7 views
0

J'utilise JQuery. Je vous écris ce code HTML:Problème de bascule JQuery

<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> 

et j'écris un code comme ça:

$(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(); 
     });  

    }); 

Ils problème est que, il travaille dans un fichier. Et après cela, j'ai copié dans un autre fichier et ça ne marchera pas.

Il n'y a pas double identité ou quoi que ce soit d'autre dans le document

+0

Voulez-vous dire que vous essayez de réutiliser le code dans un autre document HTML? Pouvez-vous clarifier ce que vous voulez dire? Quels fichiers? – Tejs

+0

oui, j'essaie de réutiliser le code dans un autre document HTML –

Répondre

0
  • Vérifiez que vous avez correctement référencé jQuery.
  • Recherche d'erreurs JavaScript.
  • Utilisez la source d'affichage pour vérifier que vous testez la version correcte du fichier et non une version plus ancienne.
  • Validez votre code html avec http://validator.w3.org/.
  • Validez votre JavaScript avec http://www.jslint.com/.
0

Etes-vous sûr que vous avez changé la balise de script pour référencer le nouveau nom?