jQuery tabs: fadeIn/fadeOut the content on tab switch

Question

How to trigger fadeIn fadeOut effect in Jquery tabs on switching from one to another

Can you post here the code you already have? We will probably need something to start with. — Petr R., Jul 19 '13 at 09:07

score 3 · Answer 1 · answered Jul 19 '13 at 09:16

3

You could use activate . It gets triggered when a new tab is activated :)

$(function() {
    $( "#tabs" ).tabs({
        activate: function( event, ui ) {
            ui.newPanel.hide().fadeIn(500);
        }
    });
  });

Here is fiddle to help you

answered Jul 19 '13 at 09:16

Kiran Ruth R

1 Answers1