See this modified code:
$('a.toggle').mouseenter(function () {
$(this).toggleClass('active');
if ($(document).data("toggle-id")) {
$("div.toggle#" + $(document).data("toggle-id")).hide(1);
}
$(document).data("toggle-id", $(this).text().toLowerCase());
$("div.toggle#" + $(document).data("toggle-id")).slideToggle(1000);
});
$('a.toggle').mouseout(function () {
$(this).toggleClass('active');
});
Or if you want the class to be applied till the relevant div is active than
$('a.toggle').mouseenter(function () {
$('a.toggle').removeClass("active");
$(this).addClass('active');
if ($(document).data("toggle-id")) {
$("div.toggle#" + $(document).data("toggle-id")).hide(1);
}
$(document).data("toggle-id", $(this).text().toLowerCase());
$("div.toggle#" + $(document).data("toggle-id")).slideToggle(1000);
});
Now add the class
active
in page:
<style type="text/css">
.active
{
color:Black;
font-size:large;
}
</style>
Regards..