hocam aslında tam istediğim olay fakat şöyle bir sıkıntısı var. örneğin diyelim 3 tane divim var. 'filter div1', filter'div2' ve 'filter div1 div2' diye gidiyor diyelim. checkboxdan div1 ve div2 seçtiğimde classı div1 div2 içerenleri değil div1 ve div2yi aynı anda içerenleri göstersin istiyorum. yani çoklu filtre yapıldıysa ortak olanlar cıksın
İşlemedi ne yazık ki hocam.
$(document).ready(() => {
$(".filter").hide();
$(".filter-checkbox").on("change", () => {
const selectedClasses = [];
$(".filter-checkbox:checked").each(function () {
selectedClasses.push($(this).val());
});
if (selectedClasses.length > 0) {
const selector = selectedClasses.join("-");
console.log("selector", selector);
$(".filter").hide();
$("." + selector).show();
} else {
$(".filter").hide();
}
});
}); <div class="filter">Div 1</div>
<div class="filter">Div 1</div>
<div class="filter">Div 2</div>
<div class="filter div1-div2">Div 1 and Div 2</div>
<div class="filter erkek-xl">Erkek Xl</div>
<input type="checkbox" class="filter-checkbox" value="div1" />Filter 1
<input type="checkbox" class="filter-checkbox" value="div2" />Filter 2
<input type="checkbox" class="filter-checkbox" value="div3" />Filter 3
<input type="checkbox" class="filter-checkbox" value="erkek" />Filter Erkek
<input type="checkbox" class="filter-checkbox" value="xl" />Filter Xl
<input type="checkbox" class="filter-checkbox" value="div3" />Filter Mortak olanları göstermek için bi küme oluşturulmalı. örnek: erkek ve xl olanlar seçildiğinde.