Sidebar menu that doesn't change after page selection

Mostly does the trick. However, if I click on one of the links it creates, the menu changes and the menu rebuilds listing all of the folders at the top of the structure. So if my menu starts like this:
--- 
Layout (folder)
   Header (page)
   Grid
   Lists
   Elapsed Time
   Timestamp
   Avatar
   HR
Lists
   Ordered Lists
   Unordered Lists
Navigation
   Primary Navigation
   Breadcrumbs
   Pagination
   Tabs
User Input
   Typeahead
   Select Menu
   Text Fields
   Checkbox
   Radio Button
   Search
Actions
   Link States
   Default Buttons

Patterns
   Layout
   Navigation
   Data-display
   Data-controls
   Formatting
   User Input
   Actions
Layout
   Header
   Grid
   Lists
   Elapsed Time
   Timestamp
   Avatar
   HR
Lists
   Ordered Lists
   Unordered Lists
---

{% macro loop(page) %}
  {% for p in page.children %}
    {% if p.visible %}
      {% set current_page = (p.active or p.activeChild) ? 'active' : '' %}

      {% if p.children.count > 0 %}
        <li>
          <p>{{ p.title }}</p>
          <ul class="sub-topics">
            {{ _self.loop(p) }}
          </ul>
        </li>
      {% else %}
        <li class="dd-item" data-nav-id="{{ p.route }}">
          <a href="{{ p.url }}" title="{{ p.title }}">{{ p.title }}</a><i class="{{ page.status }}"></i>
        </li>
      {% endif %}
    {% endif %}
  {% endfor %} 
{% endmacro %}

<ul class="topics">
  {% for p in taxonomy.findTaxonomy({'category':page.taxonomy.category}) %}
    {% if p.title|lower != 'patterns' and p.title|lower != 'styling' and p.title|lower != 'anatomy' %}
      {% if p.children.count > 0 %}
        <li>
          <p>{{ p.title }}</p>
          <ul class="sub-topics">
            {{ _self.loop(p) }}
          </ul>
        </li>
      {% else %}
        {{ _self.loop(p) }}
      {% endif %}
    {% endif %}
  {% endfor %}
</ul>