anchor.diff:                  a(href='pagination.html') Pagination
                 li(class=(page == "Preloader" ? "active" : ""))
                   a(href='preloader.html') Preloader
  -        li.bold
  -          a.collapsible-header(class=(page == "Dialogs" || page == "Modals" || page == "Dropdown" || page == "FeatureDiscovery" || page == "Tabs" || page == "ScrollFire" || page == "Scrollspy" || page == "SideNav" || page == "Pushpin" || page == "Waves" || page == "Media" || page == "Transitions" || page == "Parallax" || page == "Collapsible" ? "active" : "" || page == "Carousel" ? "active" : "")+" waves-effect waves-teal")
  +        li.bold(class=(page == "Dialogs" || page == "Modals" || page == "Dropdown" || page == "FeatureDiscovery" || page == "Tabs" || page == "ScrollFire" || page == "Scrollspy" || page == "SideNav" || page == "Pushpin" || page == "Waves" || page == "Media" || page == "Transitions" || page == "Parallax" || page == "Collapsible" ? "active" : "" || page == "Carousel" ? "active" : ""))
  +          a.collapsible-header(class="waves-effect waves-teal")
               | JavaScript
             .collapsible-body
               ul
  
positive.code: 
      li.no-padding
        ul.collapsible.collapsible-accordion
          li.bold
            a.collapsible-header(class=(page == "Sass" || page == "Typography" || page == "Color" || page == "Shadow" || page == "Grid" || page == "Media CSS" || page == "Pulse" || page == "Table" || page == "CSS Transitions" || page == "Helpers" ? "active" : "")+" waves-effect waves-teal")
              | CSS
            .collapsible-body
              ul
  
negative.code:                 a(href='css-transitions.html') Transitions
                li(class=(page == "Typography" ? "active" : ""))
                  a(href='typography.html') Typography
          li.bold(class=(page == "Forms" || page == "Buttons" || page == "Navbar" || page == "Cards" || page == "Chips" || page == "Preloader" || page == "Pagination" || page == "Collections" || page == "Badges" || page == "Breadcrumbs" || page == "Footer" ? "active" : "" || page == "Icons" ? "active" : ""))
            a.collapsible-header(class="waves-effect waves-teal")
              | Components
            .collapsible-body
              ul
  