Как при нажатии на ческбокс скрывать и показывать данные?

у меня есть некоторый checkbox, при нажатии на который, должна скрываться область и ставится атрибут checked. при повторном нажатии checked убирается и область показывается.

$(function() {
  $('#param-items').change(function() {
  	if($("#param-items").attr("checked")=='checked'){
  		$('.item .features-item').css({'display': 'block'});
  		$("#param-items").removeAttr('checked');
  	}else{
	  	$('.item .features-item').css({'display': 'none'});
	  	$("#param-items").attr('checked','checked');   		
  	}		
  });
})

но не работает.
нет, был момент, когда работало. Но потом снова перестало((((

однако, работает так:

$(function() {
  $('#param-items').change(function() {
	  	$('.item .features-item').css({'display': 'none'});
	  	$("#param-items").attr('checked','checked');   			
  });
})

Но это только скрывает область, мне нужно, чтобы при повторном клике на него убиралась галка и область отображалась.