diff --git css/quicktabs.css css/quicktabs.css
index ba7467b..1b347f5 100644
--- css/quicktabs.css
+++ css/quicktabs.css
@@ -1,8 +1,9 @@
-
+html.js .quicktabs_tabpage{
+ display: none;
+}
 .quicktabs-hide {
-  display: none;
+  display: none!important;
 }
-
 ul.quicktabs_tabs {
   margin-top: 0;
 }
diff --git js/quicktabs.js js/quicktabs.js
index f6c3d2a..b5c07af 100644
--- js/quicktabs.js
+++ js/quicktabs.js
@@ -150,11 +150,11 @@ var quicktabsClick = function() {
   $(this).parents('li').addClass('active');
 
   // Hide all tabpages.
-  tab.container.children().addClass('quicktabs-hide');
+  tab.container.children().fadeOut('fast').addClass('quicktabs-hide');
 
   // Show the active tabpage.
   if (tab.tabpage.hasClass('quicktabs_tabpage')) {
-    tab.tabpage.removeClass('quicktabs-hide');
+    tab.tabpage.fadeIn('fast').removeClass('quicktabs-hide');
   }
   else {
     if ($(this).hasClass('qt_ajax_tab')) {