Hide First Element Then Show Another With Delay - Jquery

Question

I want one element to hide first, then show another one.

$('#removeadminbtn').click(function(){
    //some backend code
    if (error) {
        //
     } else {
         $('#removeadminbtn').hide();
         $('#makeadminbtn').delay(5000).fadeIn();
     }
});

This is not working at all. it display makeadminbtn first, then hide removeadminbtn.

Answer 1

Use hide callback:

$('#removeadminbtn').click(function(){
    //some backend code
    if (error) {
        //
     } else {
         $('#removeadminbtn').hide(350, function() { 
            $('#makeadminbtn').fadeIn();
         });

     }
});