Hello,

This is my first post here. I am trying to make a multiple checkbox filter. It works by selecting/unselecting checkboxes the divs with classes revered to the checkboxes will activate deactivate.

This is the javascript I founded on the net:
Code:
<script type="text/javascript"> 
	$(document).ready(function(){
		$("#events li."+$("input.type_check").attr('id')).addClass('type_hidden');
		$("#events li."+$("input.type_check").attr('id')).slideUp();
		$("#events li."+$("input.start_check").attr('id')).addClass('type_hidden');
		$("#events li."+$("input.start_check").attr('id')).slideUp();
		$("#events li."+$("input.place_check").attr('id')).addClass('type_hidden');
		$("#events li."+$("input.place_check").attr('id')).slideUp();

		$("input.type_check").click(function() {
		$("input.type_check").attr('checked');
			if($(this).is(':checked')) {
				$("#events li."+$(this).attr('id')).removeClass('type_hidden');
				$("#events li").not(".type_hidden, .start_hidden, .place_hidden").slideDown();
			} else {
				$("#events li."+$(this).attr('id')).addClass('type_hidden');
				$("#events li."+$(this).attr('id')).slideUp();
			}
		});

		$("input.start_check").click(function() {
		$("input.start_check").attr('checked');		
			if($(this).is(':checked')) {
				$("#events li."+$(this).attr('id')).removeClass('start_hidden');
				$("#events li").not(".type_hidden, .start_hidden, .place_hidden").slideDown();
			} else {
				$("#events li."+$(this).attr('id')).addClass('start_hidden');
				$("#events li."+$(this).attr('id')).slideUp();
			}
		});
		$("input.place_check").click(function() {
		$("input.place_check").attr('checked');
			if($(this).is(':checked')) {
				$("#events li."+$(this).attr('id')).removeClass('place_hidden');
				$("#events li").not(".type_hidden, .start_hidden, .place_hidden").slideDown();
			} else {
				$("#events li."+$(this).attr('id')).addClass('place_hidden');
				$("#events li."+$(this).attr('id')).slideUp();
			}
		});
	});
</script>
To see it working online look here:
http://dev.darrenhall.info/temp/stac.../jqueryfilter/

There two problems.
I want to replace the sliding effect. I want to make a table with the divs in it. And when a div is deactivated the text or image shows grey and the link is disabled and when activated the text/image shows black/color and the link is enabled. So when you uncheck/check the boxes the divs will toggle between the two styles clickable and unclickable.

Problem two: I also want to make a second checkbox/radio row with different css styles to choose from. When a style is selected and you click on a link in div it will send you to the page with the selected style. Is this possible to make? and if so can you help me with this?

Please reply if you have any ideas, tips or questions.

Thanx,