我发布的内容有许多(伪)技术文章,所以部分文章含有大量代码源码。这在文章布局结构上看起来显得很突兀,排版很不美观。于是我想到我以前的文章是如何解决这个问题的,源码内容填写在<blockquote></blockquote>之间,这样方便使用外部css文件来进行样式设计。添加一个可以隐藏/显示源码的按钮,源码默认是处于隐藏状态,这样可以解决很长的代码占用大量篇幅的问题。当需要在文章内添加代码时,只需要在代码外部添加以下代码:
<button class="flip" type="button">scrollbar.css</button>
<div class="panel">
    <!--some code-->
</div>
注:你的代码需用正则表达式转换(发布栏已默认使用此功能) 经由JavaScript控制按钮button的功能实现。以下是关于隐藏部分的function.js代码
$(function() {
    $(".panel").hide();
    $(".flip").click(function() {
        $(".panel:eq(" + $(this).index(".flip") + ")").slideToggle("slow");
    });
});