Preview:

jQuery('.main-button').click(function () {

   if(jQuery('.main-button').prop("checked") == false ){

    jQuery(".projectmain-div").removeClass('h-activeall');
	  jQuery(".main-button").removeClass("is-checked");
	   
	}
	if(jQuery('.main-button').prop("checked") == true ){

    jQuery(".projectmain-div").addClass('h-activeall');
	  jQuery(".main-button").addClass("is-checked");
	jQuery(".sub-button").prop("checked", false);
	jQuery(".projectmain-div").removeClass('active-this');
	
	}


});
jQuery('.sub-button').click(function(){
    jQuery("input.button.is-checked.main-button").click();
    jQuery("input.button.is-checked.main-button").removeClass("is-checked");
     
    var dival = jQuery(this).attr("data-filter");
         
    jQuery(dival).addClass("active-this");
    //alert('sdfa');
	if(jQuery(this).prop("checked") == false ){
		jQuery(dival).removeClass('active-this');
	}
	

});
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter