I need to add class "is_active"is_active
to all div's when I click on <div id="all-tags">
and remove class if I click again.
ONLY IF Only every div
have class "is_active"is_active
then main div (<div id="all-tags">
) have class "is_active".
In short check out my solution and you will understand what I need https://jsfiddle.net/vobbohxj/is_active
.
Please tell me, is if this is ok or not. I need as fast of a solution as possible. I'm also not sure using .each()
is a very good idea.
JavaScript:I need as fast of a solution as possible. I'm not sure using if .each()
is a very good idea.
$("#all-tags").click(function() {
if ($(this).hasClass("is_active")) {
$(".tags_cloud div").each(function() {
$(this).removeClass("is_active");
});
} else {
$(this).addClass("is_active");
$(".tags_cloud div").each(function() {
$(this).addClass("is_active");
});
}
});
$(".tags_cloud div").click(function() {
!$(this).is("#all-tags") ? $(this).toggleClass("is_active") : true;
var c = 0;
$(".tags_cloud div").each(function() {
if ($(this).hasClass("is_active") && !$(this).is("#all-tags")) {
// some my code
} else if (!$(this).is("#all-tags")) {
$("#all-tags").removeClass("is_active");
c = 1;
}
c == 0 ? $("#all-tags").addClass("is_active") : true;
})
});
I need as fast solution as possible, I'm not sure using .each()
it's very good idea