Transition

layout/index.ejs

@@ -8,4 +8,4 @@
     <div id="pager"><a href="<%- url_for(page.next_link) %>" class="more">加载更多</a></div>
     <% } %>
 </div>
-<div id="preview" class="trans"></div>
+<div id="preview"></div>

source/js/diaspora.js

@@ -143,22 +143,27 @@ var Diaspora = {
     },
 
     preview: function() {
+        // preview toggle
+        $("#preview").one('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd', function() {
+            var left = $('#preview').css('left');
+            if (left == '0px') {
+                $('#container').hide();
+            }else{
+                $('#container').show();
+            }
+            Diaspora.loaded();
+        });
+
         setTimeout(function() {
-            $('#preview').addClass('show')
-            $('#container').data('scroll', window.scrollY)
+            $('#preview').addClass('show');
+            $('#container').data('scroll', window.scrollY);
             setTimeout(function() {
-                $('#container').hide()
-                setTimeout(function() {
-                    $('#preview').css({
-                        'position': 'static',
-                        'overflow-y': 'auto'
-                    });
-                    $('#top').show()
-
-                    Diaspora.loaded()
-                }, 500)
-            }, 300)
-        }, 0)
+                $('#preview').css({
+                    'position': 'static',
+                    'overflow-y': 'auto'
+                });
+            }, 500);
+        }, 0);
     },
 
     player: function() {