Adding two different classes to one function at a different time javascript

Question

I have a JavaScript code and there is one function that I want to add two class to it , but if I add them in the same function line the other class don't work , and when I write each one in the same function but different lines the second class works only , all what I want here is add the first class and add the second class after like 5sec ? I don't know if there is any way to make it work but I hope there is .

this is when the first class only works :

function open() {
        en.addClass('op').addClass('bo-ac')
            .removeClass('cl');
    }

this is when the second class only works :

function open() {
            en.addClass('op')
                .removeClass('cl');
        }  

 function open() {
         $('.bo').addClass('bo-ac')
    }

You have two open() function declarations, so the second one overwrites the first one. — VLAZ
– VLAZ, Commented Mar 12, 2021 at 5:48
I think it will be useful if you mentioned why you wanna do this — S.Alvi
– S.Alvi, Commented Mar 12, 2021 at 5:49
@VLAZ is there a way that i can add the two classes together and make one work before the other ? — Nothere
– Nothere, Commented Mar 12, 2021 at 5:49
@S.Alvi the first class is an animated thing so i want the animate works the the second class to execute — Nothere
– Nothere, Commented Mar 12, 2021 at 5:51

Vinu Prasad · Accepted Answer · 2021-03-12 06:12:18Z

1

@Nothere. I'm not sure, but is this something you are looking for ?

function open() {
    en.addClass('op').removeClass('cl');
    setTimeout(function() {
       en.addClass('bo-ac')
    }, 0)
}

answered Mar 12, 2021 at 6:12

Vinu Prasad

9687 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nothere Over a year ago

Yeah thank you so much , it worked , but can i do any thing to delay the time of the second class execution ?

Vinu Prasad Over a year ago

You can try adding time in milliseconds instead of 0 as the second argument for setTimeout function. say for 5 seconds delay u can add 5000. But please note, 5 seconds is the minimum delay here and it might take more than that as well to execute.

Collectives™ on Stack Overflow

Adding two different classes to one function at a different time javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related