jQuery toggleClass example

Toggle class name on click in jQuery

by Qwerty_Wasd

HTML

<input type="checkbox" class="checkbox" name="tv" data-category-tv="tv">тв
<input type="checkbox" class="checkbox" name="gpon" data-category-gpon="gpon">gpon
<input type="checkbox" class="checkbox" name="telnum" data-category-telnum="telnum">номер телефона
    
<div id="Categories"> 
    <div data-category-tv="tv">есть тв</div>
    <div data-category-gpon="gpon">есть gpon</div>
    <div data-category-telnum="telnum">есть номер телефона</div>
    <div data-category-tv="tv" data-category-gpon="gpon">есть тв и есть gpon</div>
    <div data-category-tv="tv" data-category-gpon="gpon" data-category-telnum="telnum">есть тв и есть gpon и есть номер телефона</div>
    <div data-category-gpon="gpon" data-category-telnum="telnum">есть gpon и есть номер телефона</div>
    <div>есть только интернет</div>
</div>

JavaScript

$(".checkbox").on("click", function (e) {
	$("#Categories > div:not([data-category-" + e.currentTarget.name +" = " + e.currentTarget.name + "])")[$(this).prop("checked") ? "hide" : "show"]();
});