Sign Up

Have an account?

Sign In

Don't have account,

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Have an account?

You must login to ask question.

Need An Account,
Search
Ask A Question

Share & grow the world's knowledge!

We want to connect the people who have knowledge to the people who need it, to bring together people with different perspectives so they can understand each other better, and to empower everyone to share their knowledge.

Ask A Question
Home / Questions / Q 20878
Mila Oberoi

Mila Oberoi

View Profile
Asked:

Jquery hiding table rows hide() vs fadeOut() stripe table

I am trying to reapply table striping from Bootstrap after hiding table rows with Jquery. A checkbox is used to hide rows in which a cell contains “No”. When I use the hide() function, the striping gets applied correctly after hiding rows, but if I use the fadeOut() function, the striping does not get applied correctly

$(document).ready(function () {
    $('#customSwitch1').change(function () {
        if (!this.checked) $('#indexTable tr td:contains(No)').parent().fadeIn('fast');
        else $('#indexTable tr td:contains(No)').parent().hide();
        $("#indexTable tr:visible").each(function (index) {
            $(this).css("background-color", !!(index & 1) ? "rgba(0,0,0,0)" : "rgba(0,0,0,0.05)");
        });
    });
    $('#customSwitch1').change();
});

If I replace hide() with a fadeout, the striping does not get applied correctly (or put a duration into the hide function)

Leave an answer