I want to achieve that when I click on a button the caption of my slider hides immediately and a second click on the button shows the slider caption after 3 seconds delay.

I tries this code: <style>.hide: display:none;</style>

2. ("#hamburger-menu").click(function() {
3.     
4.     $(".slider .caption").each(function() {
5.       var kir = $(this);
6.       if( kir.hasClass("hide") ) {
7.         setTimeout( "kir.removeClass('hide');",3000 );
8.       }
9.       else {
10.         kir.addClass("hide");
11.       }
12.       
13.     });
14. 
    

But it doesn't work.

Could you please help me what is wrong with my code?

Thanks