jquery filter?

[ads112001]

trying to toggle content using this jquery script

$(document).ready(function() {
$('ul#legend a').click(function() {
$('ul#legend .current').removeClass('current');
$(this).parent().addClass('current');

var filterVal = $(this).text().toLowerCase().replace(' ','-');

if(filterVal == 'all-events') {
$('#calendarContent p.hidden').fadeIn('slow').removeClass('hidden');
} else {
$('#calendarContent p').each(function() {
if(!$(this).hasClass(filterVal)) {
$(this).fadeOut('normal').addClass('hidden');
} else {
$(this).fadeIn('slow').removeClass('hidden');
}
});
}

return false;
});
});

This works but when the legend value is more than 2 words long it doesn't seem to work.

[Fotiman]

The replace method only replaces the first instance unless you tell it to replace all with the g flag. Try this:

var filterVal = $(this).text().toLowerCase().replace(/\s/g,'-');

[ads112001]

you're my hero!