Modify css menu with js

[ulkor]

Hi,

Im new to js and this is maybe a very easy thing to do but I m lost …
any help would be very appreciated

I have an expandable menu on my website , when I click on a menu title it becomes black , and the sub menu item too . Ok

But i want the menu title to stay black when a page is loaded ou if the page is refreshed.

$(document).ready(function()
{
// First we hide all exhibitis 
$("#menu ul li.section-title").nextAll().hide();

// then the active exhibit is showed
$("#menu ul").each(function()
{
$(this).find("li.active").prevAll().nextAll().show();
});

// This is the toggle function
// first it hides all sections
$("#menu ul li.section-title").click(function()
{
$("#menu ul li.section-title").nextAll().hide();
$("#menu ul li.section-title").css({'color':'#ACB3B9'});
$(this).css({'color':'black'});
$(this).nextAll().slideToggle("fast");
});

I hope I’m understandable

Thanks in advance.