乐者为王

Do one thing, and do it well.

使用jQuery显示隐藏侧边栏

需要在记账应用使用侧边栏开关功能,在网上找了段代码修改修改,可惜没有找到漂亮的小图标,只好使用>>和<<符号来表示,太丑陋了!

把jquery.toggle.sidebar.js的代码贴上:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
jQuery(function() {
  var sidebar = $.cookie("sidebar");
  if (sidebar == "hide") {
    $('#sidebar').hide();
    $(".toggle").text(">>");
  }

  $(".toggle").click(function() {
    if ($('#sidebar').is(':visible')) {
      $(this).text(">>");
      $('#sidebar').hide();
      $.cookie("sidebar", "hide", { expires: 7 });  // expires in 7 days
    } else {
      $(this).text("<<");
      $('#sidebar').show();
      $.removeCookie("sidebar");
    };
    return false;
  });
});

因为jQuery本身不支持Cookie操作,需要使用官方的插件,可以在 http://plugins.jquery.com/project/Cookiehttps://github.com/carhartl/jquery-cookie 下载。

Comments