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');
}
});
Preview:
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