diff --git a/Template.php b/Template.php
index 544a7d8..32f4920 100644
--- a/Template.php
+++ b/Template.php
@@ -135,6 +135,11 @@ class Template {
         } else {
             // main navigation, loaded from standard sidebar, fixed up by javascript
             $nav = '<nav class="nav-main">';
+            // immeadiately hide the navigation (if javascript available)
+            // it will be restyled and made visible again by our script later
+            $nav .= '<script type="application/javascript">
+                        document.getElementsByClassName("nav-main")[0].style.visibility = "hidden";
+                     </script>';
             $nav .= tpl_include_page($conf['sidebar'], false, true);
             $nav .= '</nav>';
         }
diff --git a/js/sidebar.js b/js/sidebar.js
index 09f9206..a5193c4 100644
--- a/js/sidebar.js
+++ b/js/sidebar.js
@@ -144,6 +144,9 @@ jQuery(function () {
                 }
 
             });
+
+            // fade in the navigation (was hidden until now
+            $main.css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 200);
         },
 
         /**