fixed unread and recent new post/topic notifications

public/src/forum/recent.js

@@ -34,7 +34,7 @@ define(function() {
 		});
 
 		$('#new-topics-alert').on('click', function() {
-			$(this).hide();
+			$(this).addClass('hide');
 		});
 
 		socket.on('event:new_topic', function(data) {
@@ -77,7 +77,7 @@ define(function() {
 
 		text += ' Click here to reload.';
 
-		$('#new-topics-alert').html(text).fadeIn('slow');
+		$('#new-topics-alert').html(text).removeClass('hide').fadeIn('slow');
 	}
 
 	Recent.onTopicsLoaded = function(topics) {

public/src/forum/unread.js

@@ -15,7 +15,7 @@ define(function() {
 			newPostCount = 0;
 
 		$('#new-topics-alert').on('click', function() {
-			$(this).hide();
+			$(this).addClass('hide');
 		});
 
 		socket.on('event:new_topic', function(data) {
@@ -44,7 +44,7 @@ define(function() {
 
 			text += ' Click here to reload.';
 
-			$('#new-topics-alert').html(text).fadeIn('slow');
+			$('#new-topics-alert').html(text).removeClass('hide').fadeIn('slow');
 		}
 
 		socket.on('event:new_post', function(data) {

public/templates/recent.tpl

@@ -13,7 +13,7 @@
 <br />
 
 <a href="/recent">
-	<div class="alert hide" id="new-topics-alert"></div>
+	<div class="alert alert-warning hide" id="new-topics-alert"></div>
 </a>
 
 <div class="alert alert-warning hide {no_topics_message}" id="category-no-topics">

public/templates/unread.tpl

@@ -5,16 +5,16 @@
 		<div id="category_active_users"></div>
 	</ol>
 
-	<a href="/unread">
-		<div class="alert hide" id="new-topics-alert"></div>
-	</a>
-
 	<div class="alert alert-warning {no_topics_message}" id="category-no-topics">
 		<strong>[[unread:no_unread_topics]]</strong>
 	</div>
 
 	<button id="mark-allread-btn" class="btn btn-primary {show_markallread_button}">[[unread:mark_all_read]]</button>
 
+	<a href="/unread">
+		<div class="alert alert-warning hide" id="new-topics-alert"></div>
+	</a>
+
 	<div class="category row">
 		<div class="{topic_row_size}">
 			<ul id="topics-container" data-next-start="{nextStart}">