diff --git a/layouts/articles.html b/layouts/articles.html
index 5b1ea91..d691974 100644
--- a/layouts/articles.html
+++ b/layouts/articles.html
@@ -52,9 +52,9 @@
 
     <div class="pagination">
       <% pagepath = @item.identifier; pagepath += 'page/' if pagepath !~ %r{/page/$} %>
-      <a href="<%= pagepath %>#2" class="newer">&laquo; Newer</a>
+      <a href="<%= pagepath %>" class="newer">&laquo; Newer</a>
       |
-      <a href="<%= pagepath %>" class="older">Older &raquo;</a>
+      <a href="<%= pagepath %>#2" class="older">Older &raquo;</a>
     </div>
   </div>
   <%= render '_footer' %>
diff --git a/output/css/style.css b/output/css/style.css
index 8fb3878..da83bf5 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -145,7 +145,7 @@ body.articles #content {
   display: none;
   text-align: center;
 }
-.pagination .older {
+.pagination .newer {
   visibility: hidden;
 }
 
diff --git a/output/js/articles.js b/output/js/articles.js
index 2476839..420cc83 100644
--- a/output/js/articles.js
+++ b/output/js/articles.js
@@ -18,12 +18,12 @@
   };
 
   function update_pagination_controls(page) {
-    var newer = $('.pagination .newer').attr('href', '#' + (page + 1));
-    var older = $('.pagination .older').attr('href', '#' + (page - 1));
+    var older = $('.pagination .older').attr('href', '#' + (page + 1));
+    var newer = $('.pagination .newer').attr('href', '#' + (page - 1));
 
     // Hide if out of range
-    older.css('visibility', page <= 1 ? 'hidden' : 'visible');
-    newer.css('visibility', page * per_page >= articles.length ? 'hidden' : 'visible');
+    older.css('visibility', page * per_page >= articles.length ? 'hidden' : 'visible');
+    newer.css('visibility', page <= 1 ? 'hidden' : 'visible');
   };
 
   function articles_loaded(data) {