posts/show: fix flickering recommended tab.

app/javascript/src/javascripts/posts.js.erb

@@ -466,11 +466,6 @@ Post.initialize_post_sections = function() {
     $(e.target).parent("li").addClass("active");
     e.preventDefault();
   });
-
-  $("#notes").hide();
-  $("#edit").hide();
-  $("#recommended").hide();
-  $("#post-sections li:first-child").addClass("active");
 }
 
 Post.resize_ugoira_controls = function() {

app/views/posts/show.html.erb

@@ -89,7 +89,7 @@
       <% end %>
 
       <menu id="post-sections">
-        <li><a href="#comments">Comments</a></li>
+        <li class="active"><a href="#comments">Comments</a></li>
 
         <% if RecommenderService.available_for_post?(@post) %>
           <li><a href="#recommended">Recommended</a></li>
@@ -103,7 +103,7 @@
       </menu>
 
       <% if RecommenderService.available_for_post?(@post) %>
-        <section id="recommended">
+        <section id="recommended" style="display: none;">
           <p><em>Loading...</em></p>
         </section>
       <% end %>