如何优雅地记笔记

<% if (post.toc) { %>
       <div id="toc" class="toc-article">
       <strong class="toc-title"><%= __('article.catalogue') %></strong>
           <%- toc(post.content) %>
       </div>
   <% } %>

<% if (page.toc) { %>
    <div class="widget-wrap" id='toc'>
        <h3 class="widget-title">
            <span><%= __('目录') %></span>
            &nbsp;
            <a id='tocExpand' href="#">
                <i class="fa fa-angle-double-<%- theme.customize.category_perExpand ? 'up' : 'down' %> fa-2x"></i>
            </a>
        </h3>
     <%- toc(page.content, {list_number: true}) %>
 </div>

 <script>
     //添加小图标
     var $itemHasChild = $("#toc .toc-item:has(> .toc-child)");
     var $titleHasChild = $itemHasChild.children(".toc-link");
     $itemHasChild.prepend("<i class='fa fa-caret-down'></i><i class='fa fa-caret-right'></i>");
     var $opentoc = $(".toc-item > .fa-caret-down");
     var $closetoc = $(".toc-item > .fa-caret-right");
     $closetoc.addClass("hide").hide();

     // 点击小图标
     var clickIcon = function(){
         $("#toc .toc-item > i").click(function(){
             $(this).hide();
             $(this).siblings(".toc-child").slideToggle(100);
             $(this).toggleClass("hide");
             $(this).siblings("i").toggleClass("hide");
             if( $(this).siblings("i").hasClass("hide") ){
                    // 执行隐藏
                    $(this).siblings("i").hide();
                }else{
                    // 显示
                    $(this).siblings("i").show();
                }
         })
     }()

     // 展开关闭所有目录
     var clickTocTitle = function(){
         var $subToc = $titleHasChild.next(".toc-child");
         var $tocTitle = $("#tocExpand");
         var iconAllExpandClass = 'fa-angle-double-down';
            var iconAllPackClass = 'fa-angle-double-up';
         // 当包含多级目录时再执行
         if ($titleHasChild.length) {
             $tocTitle.addClass("clickable");
             $tocTitle.click(function(){
                 var icon = $(this).children('.fa');
                 if ($subToc.is(":hidden")) {
                     $subToc.show(100);
                     $closetoc.addClass("hide").hide();
                     $opentoc.removeClass("hide").show();
                     icon.removeClass(iconAllPackClass).addClass(iconAllExpandClass);
                 } else {
                     $subToc.hide(100);
                     $opentoc.addClass("hide").hide();
                     $closetoc.removeClass("hide").show();
                     icon.removeClass(iconAllExpandClass).addClass(iconAllPackClass);
                 }
             })
         }
     }()
    </script>
<% } %>