Выпадающее меню JS ⇐ Html

[Anonymous]

Я делаю выпадающее меню для своего веб-сайта, но я не разбираюсь в JavaScript, поэтому я беру готовое выпадающее меню из Интернета и улучшаю его, но когда я его заменю:
Voir Plus

Он работает, но когда я снова нажимаю на эту ссылку, скрипт больше не работает.
Пример здесь: http://jsfiddle.net/LZfY3/5/.
И код:
CSS
#navigation {
margin: 0;
padding: 0;
color: #fff;
width: 630px;
font: 1.2em "Trebuchet MS", sans-serif;
background: #ccc url(subMenu.png) 0 0 repeat-x;
}
#navigation .subMenuHidden, #navigation .toggleSubMenu{
clear:both;
}
#navigation div.subMenuHidden a {
padding: 3px 20px;
float:right;
}

JavaScript


$(document).ready( function () {
// On cache les sous-menus
// sauf celui qui porte la classe "open_at_load" :
$("div.subMenu:not('.open_at_load')").hide();
// On selectionne tous les items de liste portant la classe "toggleSubMenu"

// et on remplace l'element span qu'ils contiennent par un lien :
/*$("div.subMenuHidden span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('' + TexteSpan + '') ;
} ) ;*/

// On modifie l'evenement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$("div.subMenuHidden > a").click( function () {
// Si le sous-menu etait deja ouvert, on le referme :
if ($(this).prev("div.subMenu:visible").length != 0) {
$(this).prev("div.subMenu").slideUp("normal");
}
// Si le sous-menu est cache, on ferme les autres et on l'affiche :
else {
$("div.subMenu").slideUp("normal");

$(this).prev("div.subMenu").slideDown("normal", function() {$(this).next('a').replaceWith('Voir Moins');});

}
// On empêche le navigateur de suivre le lien :
return false;
});

} ) ;

HTML

• Images / Photos
  
  
  
  
  
  
  
  
  
  voir plus
• Vidéos
  
  
  
  
  
  
  
  
  
  voir plus

Подробнее здесь: https://stackoverflow.com/questions/208 ... wn-menu-js