https://keenjin.github.io/js/main.js

1$(document).ready(function() {
2
3
4  $('a.blog-button').click(function() {
5    // If already in blog, return early without animate overlay panel again.
6    if (location.hash && location.hash == "#blog") return;
7    if ($('.panel-cover').hasClass('panel-cover--collapsed')) return;
8    $('.main-post-list').removeClass('hidden');
9    currentWidth = $('.panel-cover').width();
10    if (currentWidth < 2000) {
11      $('.panel-cover').addClass('panel-cover--collapsed');
12    } else {
13      $('.panel-cover').css('max-width',currentWidth);
14      $('.panel-cover').animate({'max-width': '320px', 'width': '22%'}, 400, swing = 'swing', function() {} );
15    }
16
17    
18  });
19
20  if (window.location.hash && window.location.hash == "#blog") {
21    $('.panel-cover').addClass('panel-cover--collapsed');
22    $('.main-post-list').removeClass('hidden');
23  }
24
25  if (window.location.pathname.substring(0, 5) == "/tag/") {
26    $('.panel-cover').addClass('panel-cover--collapsed');
27  }
28
29  $('.btn-mobile-menu__icon').click(function() {
30    // 导航按钮被点击
31    // this.style.backgroundColor = '#fff'; 设置颜色后会自动消失
32  });  
33});