Advanced Accordion Menu with Jquery

Advanced Accordion Menu with Jquery

Hi Guys,

This is my code

  1. // On cache les sous-menus :
  2. $(".menu ul.sub-menu").hide();
  3. $('.menu ul.sub-menu li.current-menu-item').closest('ul').show();
  4.   $(".menu ul.sub-menu li").addClass("sub-menu-item").removeClass("menu-item");

  5.   $(".menu li.advanced > a").css("cursor","pointer");
  6.  
  7.   $(".menu li.advanced > a").click( function () {

  8.   if ($(this).next("ul.sub-menu:visible").length != 0) {
  9.   $(this).next("ul.sub-menu").slideUp("normal");
  10.   }

  11.   else {
  12.   $(".menu ul.sub-menu").slideUp("normal");
  13.   $(this).next("ul.sub-menu").slideDown("normal");
  14.   }

  15.   return false;
  16.   });

This code works perfectlly, but I want to apply a specific style for sub-menu title tab. For example when sub-menu "Reseau Villes Numeriques" is opened, I want to apply a grey style on it. I try some parts of code, but nothing really works...You can see the menu  here.

Thank You