You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@beam.apache.org by me...@apache.org on 2018/04/02 21:29:52 UTC

[beam-site] 01/01: Prepare repository for deployment.

This is an automated email from the ASF dual-hosted git repository.

mergebot-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/beam-site.git

commit 934f2bdfda8cb77d26618b8d083145503e2d5f39
Author: Mergebot <me...@apache.org>
AuthorDate: Mon Apr 2 14:29:49 2018 -0700

    Prepare repository for deployment.
---
 content/css/site.css                               |  39 +++-
 content/documentation/execution-model/index.html   |  16 +-
 content/documentation/index.html                   |  16 +-
 content/documentation/io/authoring-java/index.html |  16 +-
 .../documentation/io/authoring-overview/index.html |  16 +-
 .../documentation/io/authoring-python/index.html   |  16 +-
 .../documentation/io/built-in/hadoop/index.html    |  16 +-
 content/documentation/io/built-in/index.html       |  16 +-
 content/documentation/io/contributing/index.html   |  16 +-
 content/documentation/io/io-toc/index.html         |  16 +-
 content/documentation/io/testing/index.html        |  16 +-
 .../pipelines/create-your-pipeline/index.html      |  16 +-
 .../pipelines/design-your-pipeline/index.html      |  16 +-
 .../pipelines/test-your-pipeline/index.html        |  16 +-
 content/documentation/programming-guide/index.html |  16 +-
 content/documentation/resources/index.html         |  16 +-
 content/documentation/runners/jstorm/index.html    |  16 +-
 content/js/section-nav.js                          | 234 +++++++++++++--------
 18 files changed, 309 insertions(+), 220 deletions(-)

diff --git a/content/css/site.css b/content/css/site.css
index 5e81349..c33c5c6 100644
--- a/content/css/site.css
+++ b/content/css/site.css
@@ -6551,28 +6551,29 @@ body {
 .section-nav {
   max-width: 250px;
   position: fixed;
-  width: 100%; }
+  width: 100%;
+  overflow-y: auto;
+  background-color: #F7F7F7; }
   .section-nav nav {
-    background-color: #F7F7F7;
     padding: 15px;
-    max-height: calc(100vh - 130px);
-    overflow-y: auto; }
+    max-height: calc(100vh - 130px); }
     .section-nav nav ul {
       list-style: none; }
     .section-nav nav li {
       margin-bottom: 5px; }
       .section-nav nav li:last-child {
         margin-bottom: 0; }
+    .section-nav nav .section-nav-list {
+      padding-left: 16px; }
     .section-nav nav a {
       font-size: 12px; }
-    .section-nav nav > .section-nav-list {
-      padding: 0; }
-      .section-nav nav > .section-nav-list .section-nav-list {
-        padding-left: 15px; }
     @media (max-width: 1024px) {
       .section-nav nav {
         background-color: #FFF;
         max-height: 100vh; } }
+    .section-nav nav .active {
+      text-decoration: underline;
+      color: #0f3556; }
   .section-nav-back {
     display: none;
     padding: 15px; }
@@ -6582,14 +6583,32 @@ body {
   .section-nav-list-title {
     display: block;
     font-size: 12px;
-    margin-bottom: 5px;
-    padding-top: 5px; }
+    position: relative;
+    margin-bottom: 5px; }
+    .section-nav-list-title--collapsible {
+      cursor: pointer; }
   .section-nav-list-main-title {
     display: block;
     font-size: 12px;
     font-weight: bold;
     margin-bottom: 15px;
     text-transform: uppercase; }
+  .section-nav-item--collapsible {
+    cursor: pointer; }
+    .section-nav-item--collapsible .section-nav-list {
+      display: none; }
+    .section-nav-item--collapsible span:before {
+      content: "";
+      position: absolute;
+      top: 2px;
+      left: -16px;
+      border-style: solid;
+      border-width: 5px 0 5px 8px;
+      border-color: transparent transparent transparent #3371e3;
+      transform: rotate(0deg);
+      transition: 0.3s; }
+  .section-nav .expanded > span:before {
+    transform: rotate(90deg); }
   @media (max-width: 1024px) {
     .section-nav {
       background-color: #F7F7F7;
diff --git a/content/documentation/execution-model/index.html b/content/documentation/execution-model/index.html
index 03c2db3..367e4e7 100644
--- a/content/documentation/execution-model/index.html
+++ b/content/documentation/execution-model/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/index.html b/content/documentation/index.html
index ee11f8b..9e40d7e 100644
--- a/content/documentation/index.html
+++ b/content/documentation/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/authoring-java/index.html b/content/documentation/io/authoring-java/index.html
index cf2fb8c..c076a68 100644
--- a/content/documentation/io/authoring-java/index.html
+++ b/content/documentation/io/authoring-java/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/authoring-overview/index.html b/content/documentation/io/authoring-overview/index.html
index b913c69..a20f037 100644
--- a/content/documentation/io/authoring-overview/index.html
+++ b/content/documentation/io/authoring-overview/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/authoring-python/index.html b/content/documentation/io/authoring-python/index.html
index 121d47c..a1f1415 100644
--- a/content/documentation/io/authoring-python/index.html
+++ b/content/documentation/io/authoring-python/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/built-in/hadoop/index.html b/content/documentation/io/built-in/hadoop/index.html
index 80c3ef2..7de6068 100644
--- a/content/documentation/io/built-in/hadoop/index.html
+++ b/content/documentation/io/built-in/hadoop/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/built-in/index.html b/content/documentation/io/built-in/index.html
index 272f241..315a85f 100644
--- a/content/documentation/io/built-in/index.html
+++ b/content/documentation/io/built-in/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/contributing/index.html b/content/documentation/io/contributing/index.html
index a845a5c..ba857ad 100644
--- a/content/documentation/io/contributing/index.html
+++ b/content/documentation/io/contributing/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/io-toc/index.html b/content/documentation/io/io-toc/index.html
index 5c429f9..354da2a 100644
--- a/content/documentation/io/io-toc/index.html
+++ b/content/documentation/io/io-toc/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/io/testing/index.html b/content/documentation/io/testing/index.html
index 4a3eb11..20c9f13 100644
--- a/content/documentation/io/testing/index.html
+++ b/content/documentation/io/testing/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/pipelines/create-your-pipeline/index.html b/content/documentation/pipelines/create-your-pipeline/index.html
index ac8160f..1ce3845 100644
--- a/content/documentation/pipelines/create-your-pipeline/index.html
+++ b/content/documentation/pipelines/create-your-pipeline/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/pipelines/design-your-pipeline/index.html b/content/documentation/pipelines/design-your-pipeline/index.html
index 29a020b..3f6b6d6 100644
--- a/content/documentation/pipelines/design-your-pipeline/index.html
+++ b/content/documentation/pipelines/design-your-pipeline/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/pipelines/test-your-pipeline/index.html b/content/documentation/pipelines/test-your-pipeline/index.html
index 13ee6f0..677f9ef 100644
--- a/content/documentation/pipelines/test-your-pipeline/index.html
+++ b/content/documentation/pipelines/test-your-pipeline/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/programming-guide/index.html b/content/documentation/programming-guide/index.html
index 070ed9b..cbcca60 100644
--- a/content/documentation/programming-guide/index.html
+++ b/content/documentation/programming-guide/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/resources/index.html b/content/documentation/resources/index.html
index d72422c..8bf811a 100644
--- a/content/documentation/resources/index.html
+++ b/content/documentation/resources/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/documentation/runners/jstorm/index.html b/content/documentation/runners/jstorm/index.html
index 4be5d7e..3961f6b 100644
--- a/content/documentation/runners/jstorm/index.html
+++ b/content/documentation/runners/jstorm/index.html
@@ -88,7 +88,7 @@
             <li><span class="section-nav-list-main-title">Documentation</span></li>
 <li><a href="/documentation">Using the Documentation</a></li>
 <li><a href="/documentation/execution-model">Beam Execution Model</a></li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Pipeline development lifecycle</span>
 
   <ul class="section-nav-list">
@@ -97,13 +97,13 @@
     <li><a href="/documentation/pipelines/test-your-pipeline/">Test Your Pipeline</a></li>
   </ul>
 </li>
-<li>
+<li class="section-nav-item--collapsible">
   <span class="section-nav-list-title">Beam programming guide</span>
 
   <ul class="section-nav-list">
     <li><a href="/documentation/programming-guide/">Overview</a></li>
     <li><a href="/documentation/programming-guide/#creating-a-pipeline">Pipelines</a></li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">PCollections</span>
 
       <ul class="section-nav-list">
@@ -111,7 +111,7 @@
         <li><a href="/documentation/programming-guide/#pcollection-characteristics">PCollection characteristics</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Transforms</span>
 
       <ul class="section-nav-list">
@@ -135,7 +135,7 @@
         <li><a href="/documentation/programming-guide/#composite-transforms">Composite transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Pipeline I/O</span>
 
       <ul class="section-nav-list">
@@ -145,7 +145,7 @@
         <li><a href="/documentation/io/testing/">Testing I/O transforms</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Data encoding and type safety</span>
 
       <ul class="section-nav-list">
@@ -154,7 +154,7 @@
         <li><a href="/documentation/programming-guide/#default-coders-and-the-coderregistry">Default coders and the CoderRegistry</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Windowing</span>
 
       <ul class="section-nav-list">
@@ -165,7 +165,7 @@
         <li><a href="/documentation/programming-guide/#adding-timestamps-to-a-pcollections-elements">Adding timestamps to a PCollection’s elements</a></li>
       </ul>
     </li>
-    <li>
+    <li class="section-nav-item--collapsible">
       <span class="section-nav-list-title">Triggers</span>
 
       <ul class="section-nav-list">
diff --git a/content/js/section-nav.js b/content/js/section-nav.js
index 9676d74..f271421 100644
--- a/content/js/section-nav.js
+++ b/content/js/section-nav.js
@@ -1,87 +1,157 @@
-$(document).ready(function() {
-  function Navbar(conf) {
-    var idCTA = conf["classNameCTA"],
-        idContainer = conf["classNameContainer"],
-        idNavMask = conf["classNameMask"],
-        idBackCTA = conf["classNameBackCTA"],
-        idSectionNav = conf["classNameSectionNav"];
-
-    var CONST = {
-      OPEN_CLASS: "open",
-      DESKTOP_BREAKPOINT: 1024
-    };
-
-    return {
-      "idCTA": idCTA,
-      "idContainer": idContainer,
-      "idNavMask": idNavMask,
-      "idSectionNav": idSectionNav,
-      "idBackCTA": idBackCTA,
-      "hasSectionNav": false,
-
-      "bindEvents": function() {
-          var _self = this;
-          var sectionNavEl = $("." + idSectionNav);
-          var sectionNavHeight = $(sectionNavEl).height();
-
-          $(".container-main-content").css({"min-height": sectionNavHeight});
-
-          $(window).resize(function() {
-            if($(window).width() > CONST.DESKTOP_BREAKPOINT) {
-              var sectionNavHeight = $(sectionNavEl).height();
-              $(".container-main-content").css({"min-height": sectionNavHeight});
-            }else {
-              $(".container-main-content").css({"min-height": ''});
-            }
-          });
-
-          if(_self.hasSectionNav) {
-            $("." + _self.idCTA ).click(function(el) {
-              $("." + _self.idNavMask).addClass(CONST.OPEN_CLASS);
-              $("." + _self.idSectionNav).addClass(CONST.OPEN_CLASS);
-            });
-
-            $("." + _self.idBackCTA).click(function(el) {
-              $("." + _self.idSectionNav).removeClass(CONST.OPEN_CLASS);
-              $("." + _self.idContainer).addClass(CONST.OPEN_CLASS);
-            });
-          } else {
-            $("." + _self.idCTA ).click(function(el) {
-              $("." + _self.idNavMask).addClass(CONST.OPEN_CLASS);
-              $("." + _self.idContainer).addClass(CONST.OPEN_CLASS);
-            });
-          }
-
-          $("." + _self.idNavMask ).click(function(el) {
-            $("." + _self.idNavMask).removeClass(CONST.OPEN_CLASS);
-            $("." + _self.idContainer).removeClass(CONST.OPEN_CLASS);
-
-            if(_self.hasSectionNav) {
-              $("." + _self.idSectionNav).removeClass(CONST.OPEN_CLASS);
+$(document).ready(function () {
+    function Navbar(conf) {
+        var idCTA = conf["classNameCTA"],
+            idContainer = conf["classNameContainer"],
+            idNavMask = conf["classNameMask"],
+            idBackCTA = conf["classNameBackCTA"],
+            idSectionNav = conf["classNameSectionNav"],
+            idNavItemTitleCollapsible = conf["classNameNavItemTitleCollapsible"],
+            classNavItemCollapsible = conf["classNameNavItemCollapsible"],
+            classNavActiveItem = conf["classNameNavActiveItem"];
+
+        var CONST = {
+            ACTIVE_CLASS: "active",
+            EXPANDED_CLASS: "expanded",
+            DESKTOP_BREAKPOINT: 1024,
+            OPEN_CLASS: "open"
+        };
+
+        var expandCollapseItem = function (item, effect) {
+            var sectionNav = item.parent('li'),
+                expanded = sectionNav.hasClass(CONST.EXPANDED_CLASS),
+                sectionNavList = item.next('ul');
+
+            if (expanded) {
+                if (effect) {
+                    sectionNavList.slideUp().fadeOut(600);
+                } else {
+                    sectionNavList.hide();
+                }
+                sectionNav.removeClass(CONST.EXPANDED_CLASS);
+            } else {
+                if (effect) {
+                    sectionNavList.slideDown().fadeIn(600);
+                } else {
+                    sectionNavList.show();
+                }
+
+                sectionNav.addClass(CONST.EXPANDED_CLASS);
             }
-          });
-      },
-      "findSectionNav": function() {
-        var sectionNavEl = $('body').find("[data-section-nav]");
+        };
+
+
+        return {
+            "idCTA": idCTA,
+            "idContainer": idContainer,
+            "idNavMask": idNavMask,
+            "idSectionNav": idSectionNav,
+            "idBackCTA": idBackCTA,
+            "hasSectionNav": false,
+
+            "setCollapsibleBehaviourItems": function () {
+                $("." + idNavItemTitleCollapsible).click(function (e) {
+                    var item = $(e.target);
+                    expandCollapseItem(item, true);
+                    e.stopPropagation();
+                });
+            },
+
+            "setActiveItemClassEvent": function () {
+                $("." + idSectionNav + " a").click(function (e) {
+                    var currentItem = document.querySelector(classNavActiveItem);
+                    if (currentItem)
+                        currentItem.classList.remove(CONST.ACTIVE_CLASS);
+                    e.target.classList.add(CONST.ACTIVE_CLASS);
+                });
+            },
+
+            "displayActiveItem": function () {
+                const currentLocation = window.location.pathname + window.location.hash;
+                var activeItem = document.querySelectorAll("nav [href='" + currentLocation + "']");
+                if (activeItem && activeItem.length > 0) {
+                    activeItem = activeItem[0];
+                    activeItem.classList.add(CONST.ACTIVE_CLASS);
+                    var collapsibleParents = $(activeItem).parents('li' + classNavItemCollapsible);
+                    for (var i = 0; collapsibleParents.length > i; i++) {
+                        var item = $(collapsibleParents[i]).find('span')[0];
+                        expandCollapseItem($(item), false);
+                    }
+                }
+            },
+
+            "bindEvents": function () {
+                var _self = this;
+                var sectionNavEl = $("." + idSectionNav);
+                var sectionNavHeight = $(sectionNavEl).height();
+
+                $(".container-main-content").css({"min-height": sectionNavHeight});
 
-        if(sectionNavEl.length) {
-          this.hasSectionNav = true;
+                $(window).resize(function () {
+                    if ($(window).width() > CONST.DESKTOP_BREAKPOINT) {
+                        var sectionNavHeight = $(sectionNavEl).height();
+                        $(".container-main-content").css({"min-height": sectionNavHeight});
+                    } else {
+                        $(".container-main-content").css({"min-height": ''});
+                    }
+                });
+
+                if (_self.hasSectionNav) {
+                    $("." + _self.idCTA).click(function (el) {
+                        $("." + _self.idNavMask).addClass(CONST.OPEN_CLASS);
+                        $("." + _self.idSectionNav).addClass(CONST.OPEN_CLASS);
+                    });
+
+                    $("." + _self.idBackCTA).click(function (el) {
+                        $("." + _self.idSectionNav).removeClass(CONST.OPEN_CLASS);
+                        $("." + _self.idContainer).addClass(CONST.OPEN_CLASS);
+                    });
+                } else {
+                    $("." + _self.idCTA).click(function (el) {
+                        $("." + _self.idNavMask).addClass(CONST.OPEN_CLASS);
+                        $("." + _self.idContainer).addClass(CONST.OPEN_CLASS);
+                    });
+                }
+
+                $("." + _self.idNavMask).click(function (el) {
+                    $("." + _self.idNavMask).removeClass(CONST.OPEN_CLASS);
+                    $("." + _self.idContainer).removeClass(CONST.OPEN_CLASS);
+
+                    if (_self.hasSectionNav) {
+                        $("." + _self.idSectionNav).removeClass(CONST.OPEN_CLASS);
+                    }
+                });
+
+                this.setCollapsibleBehaviourItems();
+                this.setActiveItemClassEvent();
+                setTimeout(function () {
+                    this.displayActiveItem();
+                }.bind(this), 0);
+
+            },
+            "findSectionNav": function () {
+                var sectionNavEl = $('body').find("[data-section-nav]");
+
+                if (sectionNavEl.length) {
+                    this.hasSectionNav = true;
+                }
+            },
+            "init": function () {
+                this.findSectionNav();
+                this.bindEvents();
+            }
         }
-      },
-      "init": function() {
-        this.findSectionNav();
-        this.bindEvents();
-      }
-    }
-  }
-
-  Navbar(
-    {
-      "classNameContainer":"navbar-container",
-      "classNameSectionNav": "section-nav",
-      "classNameBackCTA": "section-nav-back",
-      "classNameCTA": "navbar-toggle",
-      "classNameMask": "navbar-mask"
     }
-  ).init();
+
+    Navbar(
+        {
+            "classNameContainer": "navbar-container",
+            "classNameSectionNav": "section-nav",
+            "classNameBackCTA": "section-nav-back",
+            "classNameCTA": "navbar-toggle",
+            "classNameMask": "navbar-mask",
+            "classNameNavItemTitleCollapsible": "section-nav-item--collapsible span",
+            "classNameNavItemCollapsible": ".section-nav-item--collapsible",
+            "classNameNavActiveItem": ".section-nav a.active"
+        }
+    ).init();
 });

-- 
To stop receiving notification emails like this one, please contact
mergebot-role@apache.org.