.box-filter {
padding-right: 8px;
display: flow-root;
margin-bottom: 8px;
display:none;
}
.donasiaja-dropdown {
position: relative;
display: inline-block;
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 18px;
background-color: #fff;
border-radius: 16px;
width: 120px;
text-align: left;
float: right;
border: 1px solid #d4d8e6;
}
.donasiaja-dropdown > a,
.donasiaja-dropdown > span {
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 5px 13px;
display: inline-block;
color: #a0a9c4;
text-decoration: none;
cursor: pointer;
}
.donasiaja-dropdown > a:before,
.donasiaja-dropdown > span:before {
position: absolute;
right: 15px;
top: 15px;
content: ” “;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #a0a9c4;
cursor: none;
}
.donasiaja-dropdown input[type=”checkbox”] {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0px;
opacity: 0;
cursor: pointer;
box-shadow: 10px 10px 16px rgba(0,0,0,0.1);
}
.donasiaja-dropdown input[type=”checkbox”]:checked {
position: fixed;
z-index: +0;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.donasiaja-dropdown label {
width: 100%;
}
.donasiaja-dropdown ul {
text-align: left;
position: absolute;
top: 36px;
border: 1px solid #ccc;
border-radius: 3px;
left: 0px;
list-style: none;
padding: 4px 0px;
display: none;
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
// width: 220px;
}
.donasiaja-dropdown input[type=”checkbox”]:checked + ul {
display: block;
}
.donasiaja-dropdown ul li {
display: block;
padding: 4px 10px;
white-space: nowrap;
min-width: 116px;
font-size: 13px;
}
.donasiaja-dropdown ul li:hover {
background-color: #f5f5f5;
cursor: pointer;
}
.donasiaja-dropdown ul li a {
text-decoration: none;
display: block;
color: black;
}
.donasiaja-dropdown .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
font-size: 1px;
padding: 0;
}
.donasiaja-dropdown:hover {
background-position: right center;
}
$(document ).ready(function() {
$(“.donasiaja-dropdown ul>li”).click(function(){
$(“.donasiaja-dropdown ul>li”).each(function(){
$(this).removeClass(“drop-selected”);
});
$(this).toggleClass(“drop-selected”);
var filter_val = $(this).attr(“val”);
var idnya = $(this).attr(“data-id”);
console.log(filter_val);
console.log(idnya);
$(“#box_button_”+idnya+” .load_campaign”).attr(“data-filter”,filter_val);
$(“.donasiaja-dropdown>span”).text(filter_val);
});
});
Filter
Terbaru
Terlama
Terbanyak
.box-filter {
padding-right: 8px;
display: flow-root;
margin-bottom: 8px;
display:none;
}
.donasiaja-dropdown {
position: relative;
display: inline-block;
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 18px;
background-color: #fff;
border-radius: 16px;
width: 120px;
text-align: left;
float: right;
border: 1px solid #d4d8e6;
}
.donasiaja-dropdown > a,
.donasiaja-dropdown > span {
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 5px 13px;
display: inline-block;
color: #a0a9c4;
text-decoration: none;
cursor: pointer;
}
.donasiaja-dropdown > a:before,
.donasiaja-dropdown > span:before {
position: absolute;
right: 15px;
top: 15px;
content: ” “;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #a0a9c4;
cursor: none;
}
.donasiaja-dropdown input[type=”checkbox”] {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0px;
opacity: 0;
cursor: pointer;
box-shadow: 10px 10px 16px rgba(0,0,0,0.1);
}
.donasiaja-dropdown input[type=”checkbox”]:checked {
position: fixed;
z-index: +0;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.donasiaja-dropdown label {
width: 100%;
}
.donasiaja-dropdown ul {
text-align: left;
position: absolute;
top: 36px;
border: 1px solid #ccc;
border-radius: 3px;
left: 0px;
list-style: none;
padding: 4px 0px;
display: none;
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
// width: 220px;
}
.donasiaja-dropdown input[type=”checkbox”]:checked + ul {
display: block;
}
.donasiaja-dropdown ul li {
display: block;
padding: 4px 10px;
white-space: nowrap;
min-width: 116px;
font-size: 13px;
}
.donasiaja-dropdown ul li:hover {
background-color: #f5f5f5;
cursor: pointer;
}
.donasiaja-dropdown ul li a {
text-decoration: none;
display: block;
color: black;
}
.donasiaja-dropdown .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
font-size: 1px;
padding: 0;
}
.donasiaja-dropdown:hover {
background-position: right center;
}
$(document ).ready(function() {
$(“.donasiaja-dropdown ul>li”).click(function(){
$(“.donasiaja-dropdown ul>li”).each(function(){
$(this).removeClass(“drop-selected”);
});
$(this).toggleClass(“drop-selected”);
var filter_val = $(this).attr(“val”);
var idnya = $(this).attr(“data-id”);
console.log(filter_val);
console.log(idnya);
$(“#box_button_”+idnya+” .load_campaign”).attr(“data-filter”,filter_val);
$(“.donasiaja-dropdown>span”).text(filter_val);
});
});
Filter
Terbaru
Terlama
Terbanyak
.box-filter {
padding-right: 8px;
display: flow-root;
margin-bottom: 8px;
display:none;
}
.donasiaja-dropdown {
position: relative;
display: inline-block;
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 18px;
background-color: #fff;
border-radius: 16px;
width: 120px;
text-align: left;
float: right;
border: 1px solid #d4d8e6;
}
.donasiaja-dropdown > a,
.donasiaja-dropdown > span {
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 5px 13px;
display: inline-block;
color: #a0a9c4;
text-decoration: none;
cursor: pointer;
}
.donasiaja-dropdown > a:before,
.donasiaja-dropdown > span:before {
position: absolute;
right: 15px;
top: 15px;
content: ” “;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #a0a9c4;
cursor: none;
}
.donasiaja-dropdown input[type=”checkbox”] {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0px;
opacity: 0;
cursor: pointer;
box-shadow: 10px 10px 16px rgba(0,0,0,0.1);
}
.donasiaja-dropdown input[type=”checkbox”]:checked {
position: fixed;
z-index: +0;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.donasiaja-dropdown label {
width: 100%;
}
.donasiaja-dropdown ul {
text-align: left;
position: absolute;
top: 36px;
border: 1px solid #ccc;
border-radius: 3px;
left: 0px;
list-style: none;
padding: 4px 0px;
display: none;
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
// width: 220px;
}
.donasiaja-dropdown input[type=”checkbox”]:checked + ul {
display: block;
}
.donasiaja-dropdown ul li {
display: block;
padding: 4px 10px;
white-space: nowrap;
min-width: 116px;
font-size: 13px;
}
.donasiaja-dropdown ul li:hover {
background-color: #f5f5f5;
cursor: pointer;
}
.donasiaja-dropdown ul li a {
text-decoration: none;
display: block;
color: black;
}
.donasiaja-dropdown .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
font-size: 1px;
padding: 0;
}
.donasiaja-dropdown:hover {
background-position: right center;
}
$(document ).ready(function() {
$(“.donasiaja-dropdown ul>li”).click(function(){
$(“.donasiaja-dropdown ul>li”).each(function(){
$(this).removeClass(“drop-selected”);
});
$(this).toggleClass(“drop-selected”);
var filter_val = $(this).attr(“val”);
var idnya = $(this).attr(“data-id”);
console.log(filter_val);
console.log(idnya);
$(“#box_button_”+idnya+” .load_campaign”).attr(“data-filter”,filter_val);
$(“.donasiaja-dropdown>span”).text(filter_val);
});
});
Filter
Terbaru
Terlama
Terbanyak