如何添加可以隐藏或扩展帖子页面侧边栏的按钮？

【问题标题】：How can I add a button which could hidden or expand my side-bar of post page?如何添加可以隐藏或扩展帖子页面侧边栏的按钮？
【发布时间】：2013-09-24 07:39:40
【问题描述】：

Here is one of my post

如何添加一个按钮（《，我看到有人的页面可以做到这种效果。）可以隐藏我的侧边栏并重新单击以展开？

这是一件容易的事吗？

【问题讨论】：

标签： javascript html jekyll

【解决方案1】：

是的，如果你使用 jQuery，这很容易，如果你不使用，那就更难了。

HTML：

<button id="toggle">←</button>

jQuery:

$(function () {
    $('.toggle').click(function(){
        $('.span4').slideToggle();

        if ($('.toggle').text() == "←") {
            $('.toggle').text("→");
        } else {
            $('.toggle').text("←");
        }
    });
});

【讨论】：

ghosertblog.github.io你知道这个博客是如何隐藏侧边栏的吗？

【解决方案2】：

希望对你有所帮助

干杯！！

Demo

<div>
<ul>
    <li>1</li>    
    <li>2</li>
     <li>3</li> 
    <li>4</li>
</ul>
<input type = "button" value="Try"/>
</div>

【讨论】：

检查它是否正常工作。点击演示链接它将导航到 jsfiddle.net
在演示中，它正在工作，，，但是添加到我的页面，它没有，我找到了一个示例博客ghosertblog.github.io