title: Dynamically populating a bootstrap vertical multi level submenu in C#
body: <p>I'm building a website which contains a dynamically generated menu, due to layout changes my current method needs to be changed.</p>
  
  <p>The old method:</p>
  
  <pre><code>// Create the main menu with quantities and totals
  public static StringBuilder CreateMenu(string iso, decimal languageID, string alias, string startItemsFromAlias = null, bool showAllItems = false, string url = null, int headerLevel = 3)
  {
      List&lt;GroupLite&gt; groups = BL_Group.GetMenuStructure(languageID, alias, startItemsFromAlias, showAllItems, 1);
  
      StringBuilder menu = new StringBuilder();
      int i = -1, j = 0;
      bool isParent, lastItem;
      string className, href;
      headerLevel = headerLevel == 0 ? 2 : headerLevel;
  
      if (!String.IsNullOrEmpty(url) &amp;&amp; !url.EndsWith("/"))
          url += "/";
  
      if (groups.Count &gt; 0)
      {
          foreach (GroupLite item in groups)
          {
              className = "";
  
              // Determine the right opening/closure for our tags
              j = (item.Level.Length - item.Level.Replace(".", "").Length);
  
              if (i != -1)
                  if (j == i)
                      menu.Append("&lt;/li&gt;");
                  else if (j &gt; i)
                      menu.Append("&lt;ul&gt;");
                  else if (j &lt; i)
                  {
                      menu.Append("&lt;/li&gt;");
  
                      for (int k = j; k &lt; i; k++)
                          menu.Append("&lt;/ul&gt;");
  
                      menu.Append("&lt;/li&gt;");
                  }
  
              i = j;
  
              // Every first and last items has a class attached to them (first|last)
              if (j == 0)
                  lastItem = !groups.Exists(r =&gt; (r.Level.Length - r.Level.Replace(".", "").Length) == j &amp;&amp; r.Position &gt; item.Position);
              else
                  lastItem = !groups.Exists(r =&gt; r.Level.StartsWith(item.Level.Substring(0, item.Level.LastIndexOf(".") + 1)) &amp;&amp; (r.Level.Length - r.Level.Replace(".", "").Length) == j &amp;&amp; r.Position &gt; item.Position);
  
              if (item.Position == 1)
                  className = "first ";
  
              if (lastItem)
                  className += "last ";
  
              // Check if our item is the parent of other items (necessary for the url)
              isParent = groups.Where(r =&gt; r.Level.StartsWith(item.Level + ".")).Count() &gt; 0;
  
              // Mark the current URL as active if necessary
              if (BL_Group.GetOverviewByAlias(languageID, iso, item.Alias).Count == 0)
                  href = Link.Catalogue(iso, item.Alias);
              else
                  href = Link.Group(iso, item.Alias);
  
              if (!string.IsNullOrEmpty(url))
              {
                  if (url.StartsWith(href) || isParent)
                      className += " active ";
              }
  
              if (!string.IsNullOrEmpty(className))
                  className = " class='" + className.Trim() + "'";
  
              menu.Append("&lt;li" + className + "&gt;&lt;a href='" + href + "'&gt;" + item.Name + "&lt;/a&gt;");
          }
  
          for (i = 0; i &lt; j; i++)
              menu.Append("&lt;/li&gt;&lt;/ul&gt;");
  
          menu.Append("&lt;/li&gt;");
      }
  
      return menu;
  }
  </code></pre>
  
  <p>this returns:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li class='first'&gt;&lt;a href='/nl/nieuw/aanbod'&gt;Nieuw&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href='/nl/geschenkverpakkingen/aanbod'&gt;Geschenkverpakkingen&lt;/a&gt;&lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/gezelschapsspelen'&gt;Gezelschapsspellen&lt;/a&gt;&lt;ul&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/gezelschapsspelen-kinderen-8j'&gt;Gezelschapsspelen kinderen -8j&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first  active'&gt;&lt;a href='/nl/bordspel-8j-1'&gt;Bordspel -8j&lt;/a&gt;&lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/solo-spel-8j/aanbod'&gt;Solo spel -8j&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/vanaf-2-spelers-8j-1/aanbod'&gt;Vanaf 2 spelers -8j&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/vanaf-3-spelers-8j/aanbod'&gt;Vanaf 3 spelers -8j&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li class='last  active'&gt;&lt;a href='/nl/kaartspel-reisformaat-8j'&gt;Kaartspel reisformaat -8j&lt;/a&gt;&lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/solo-spel-8j-1/aanbod'&gt;Solo spel -8j&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/vanaf-2-spelers-8j-2/aanbod'&gt;Vanaf 2 spelers -8j&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/vanaf-3-spelers-8j-1/aanbod'&gt;Vanaf 3 spelers -8j&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='last  active'&gt;&lt;a href='/nl/gezelschapsspelen-volwassenen-kinderen-8j'&gt;Gezelschapsspelen volwassenen &amp; kinderen +8j&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first  active'&gt;&lt;a href='/nl/bordspel-8j'&gt;Bordspel +8j&lt;/a&gt;&lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/vanaf-2-spelers-8j/aanbod'&gt;Vanaf 2 spelers +8j&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/solo-spel-8j-2/aanbod'&gt;Solo spel +8j&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/vanaf-3-spelers-8j-2/aanbod'&gt;Vanaf 3 spelers +8j&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li class='last  active'&gt;&lt;a href='/nl/kaartspel-reisformaat-8j-1'&gt;Kaartspel reisformaat +8j&lt;/a&gt;&lt;ul&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/vanaf-3-spelers-8j-3/aanbod'&gt;Vanaf 3 spelers +8j&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/ul&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/bio-natuurvoeding'&gt;Bio &amp; Natuurvoeding&lt;/a&gt;&lt;ul&gt;
      &lt;li class='first  active'&gt;&lt;a href='/nl/bakproducten'&gt;Bakproducten&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/bakbenodigdheden/aanbod'&gt;Bakbenodigdheden&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/bind-geleermiddelen/aanbod'&gt;Bind- &amp; geleermiddelen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/bloem-meel/aanbod'&gt;Bloem &amp; meel&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/desserts-dessertbereidingen/aanbod'&gt;Desserts &amp; dessertbereidingen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/zemelen-en-kiemen/aanbod'&gt;Zemelen en kiemen&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/beschuiten-rijstwafels'&gt;Beschuiten &amp; rijstwafels&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/crackers-beschuiten/aanbod'&gt;Crackers &amp; beschuiten&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/essenenbrood/aanbod'&gt;Essenenbrood&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/rijst-maiswafels/aanbod'&gt;Rijst- &amp; maïswafels&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/soepstengels-toast/aanbod'&gt;Soepstengels &amp; toast&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/conserven-tapas'&gt;Conserven &amp; Tapas&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/antipasti/aanbod'&gt;Antipasti&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/bereide-gerechten/aanbod'&gt;Bereide gerechten&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/fruitconserven/aanbod'&gt;Fruitconserven&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/groenteconserven/aanbod'&gt;Groenteconserven&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/pesto-tapas/aanbod'&gt;Pesto &amp; tapas&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/peulvruchten/aanbod'&gt;peulvruchten&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/soepen/aanbod'&gt;Soepen &lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/visconserven-1/aanbod'&gt;Visconserven&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/vleesvervangers-vegetarisch/aanbod'&gt;Vleesvervangers vegetarisch&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/vleesconserven/aanbod'&gt;Vleesconserven&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/broodbeleg'&gt;Broodbeleg&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/chocopasta/aanbod'&gt;Chocopasta&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/confituur-stropen/aanbod'&gt;Confituur &amp; stropen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/honing/aanbod'&gt;Honing&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/noten-zadenpasta/aanbod'&gt;Noten- &amp; zadenpasta&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/vegetarisch-broodbeleg/aanbod'&gt;Vegetarisch broodbeleg&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/deegwaren-pastas'&gt;Deegwaren - Pasta's&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/kamut-quinoa-etc/aanbod'&gt;Kamut, quinoa etc.&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/spelt/aanbod'&gt;Spelt&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/tarwe/aanbod'&gt;Tarwe&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/dranken-1'&gt;Dranken&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/alcoholvrij-2/aanbod'&gt;Alcoholvrij&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/frisdranken/aanbod'&gt;Frisdranken&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/groentesappen-1/aanbod'&gt;Groentesappen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/koude-dranken/aanbod'&gt;Koude dranken&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/melk/aanbod'&gt;Melk&lt;/a&gt;&lt;/li&gt;
          &lt;li class='active'&gt;&lt;a href='/nl/plantaardige-dranken'&gt;Plantaardige dranken&lt;/a&gt;&lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/sojadranken/aanbod'&gt;Sojadranken&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/rijstdranken/aanbod'&gt;Rijstdranken&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/noten-granen-dranken/aanbod'&gt;Noten- &amp; granen dranken&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/siropen-diksappen/aanbod'&gt;Siropen &amp; diksappen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/vruchtensappen/aanbod'&gt;Vruchtensappen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/water/aanbod'&gt;Water&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/noten-zaden-etc'&gt;Noten &amp; Zaden etc.&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/gedroogde-vruchten/aanbod'&gt;Gedroogde vruchten&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/noten/aanbod'&gt;Noten&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/pitten-zaden/aanbod'&gt;Pitten &amp; zaden&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/ontbijt'&gt;Ontbijt&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/cornflakes/aanbod'&gt;Cornflakes&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/crunchy-flakes/aanbod'&gt;Crunchy flakes&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/gepofte-ontbijtgranen/aanbod'&gt;Gepofte ontbijtgranen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/muesli-1/aanbod'&gt;Muesli&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/ontbijtpappen/aanbod'&gt;Ontbijtpappen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/vlokken/aanbod'&gt;Vlokken&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/granen-peulvruchten-1'&gt;Granen &amp; peulvruchten&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/granenmix/aanbod'&gt;Granenmix&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/kiemzaden/aanbod'&gt;Kiemzaden&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/linzen-bonen/aanbod'&gt;Linzen &amp; bonen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/peulvruchten-1/aanbod'&gt;Peulvruchten&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/quinoa-couscous-bulgur/aanbod'&gt;Quinoa, couscous &amp; bulgur&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/rijst-1/aanbod'&gt;Rijst&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/oosterse-macrobiotische-voeding'&gt;Oosterse &amp; macrobiotische voeding&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/deegwaren-noedels/aanbod'&gt;Deegwaren &amp; noedels&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/geleermiddel/aanbod'&gt;Geleermiddel&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/macrobiotiek-keukengerei/aanbod'&gt;Macrobiotiek keukengerei&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/soepen-bouillons/aanbod'&gt;Soepen &amp; bouillons&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/specialiteiten-smaakmakers/aanbod'&gt;Specialiteiten &amp; smaakmakers&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/zeewieren/aanbod'&gt;Zeewieren&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/plantaardige-desserts/aanbod'&gt;Plantaardige desserts&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/zoete-versnaperingen'&gt;Zoete versnaperingen&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/chocolade/aanbod'&gt;Chocolade&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/koeken/aanbod'&gt;Koeken&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/repen-bars/aanbod'&gt;Repen &amp; bars&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/snoep/aanbod'&gt;Snoep&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='last  active'&gt;&lt;a href='/nl/zoute-versnaperingen'&gt;Zoute versnaperingen&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/aardappelchips/aanbod'&gt;Aardappelchips&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/borrelhapjes-zoutjes/aanbod'&gt;Borrelhapjes &amp; zoutjes&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/groentenchips/aanbod'&gt;Groentenchips&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/voedingssupplementen'&gt;Voedingssupplementen&lt;/a&gt;&lt;ul&gt;
      &lt;li&gt;&lt;a href='/nl/allergieen/aanbod'&gt;Allergieën&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/anti-stress-relaxatie/aanbod'&gt;Anti-stress &amp; relaxatie&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/antioxidanten/aanbod'&gt;Antioxidanten&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/bloedsomloop/aanbod'&gt;Bloedsomloop&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/detox-zuiveren/aanbod'&gt;Detox &amp; Zuiveren&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/energie-vitaliteit/aanbod'&gt;Energie &amp; Vitaliteit&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/geheugen/aanbod'&gt;Geheugen&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/haar-nagels/aanbod'&gt;Haar &amp; Nagels&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/huid/aanbod'&gt;Huid&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/lever-gal/aanbod'&gt;Lever &amp; Gal &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/luchtwegen/aanbod'&gt;Luchtwegen&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/nachtrust/aanbod'&gt;Nachtrust&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/ogen-gezichtsvermogen/aanbod'&gt;Ogen &amp; Gezichtsvermogen&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/omega-vetzuren/aanbod'&gt;Omega-vetzuren&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/probiotica-darmflora/aanbod'&gt;Probiotica - Darmflora&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/slanke-lijn/aanbod'&gt;Slanke lijn &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/soepelheid-gewrichten/aanbod'&gt;Soepelheid &amp; Gewrichten&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/spijsvertering/aanbod'&gt;Spijsvertering&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/sport/aanbod'&gt;Sport&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/stoelgang-darmtransit/aanbod'&gt;Stoelgang - Darmtransit&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/stofwisseling/aanbod'&gt;Stofwisseling&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/urinewegen-blaas/aanbod'&gt;Urinewegen &amp; Blaas&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/vitaminen-mineralen/aanbod'&gt;Vitaminen &amp; Mineralen&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/voor-kinderen/aanbod'&gt;Voor Kinderen &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/voor-de-man/aanbod'&gt;Voor de Man &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/voor-de-vrouw/aanbod'&gt;Voor de Vrouw&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/voor-senioren/aanbod'&gt;Voor Senioren&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/weerstand-immuniteit/aanbod'&gt;Weerstand - Immuniteit&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/bijenproducten-apitherapie/aanbod'&gt;Bijenproducten - apitherapie&lt;/a&gt;&lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/gemoedstoestand/aanbod'&gt;Gemoedstoestand&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/lichaamsverzorging'&gt;Lichaamsverzorging&lt;/a&gt;&lt;ul&gt;
      &lt;li class='first  active'&gt;&lt;a href='/nl/bad-doucheproducten'&gt;Bad- &amp; doucheproducten&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/bad-en-douchegel-schuim/aanbod'&gt;Bad- en douchegel &amp; schuim&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/badolie/aanbod'&gt;Badolie&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/zeep/aanbod'&gt;Zeep&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/deodoranten-parfums/aanbod'&gt;Deodoranten &amp; parfums&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/gezichtsverzorging/aanbod'&gt;Gezichtsverzorging&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/haarverzorging'&gt;Haarverzorging&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/haarkleuring-kleurshampoo/aanbod'&gt;Haarkleuring &amp; kleurshampoo&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/haarolielotion/aanbod'&gt;Haarolie/lotion&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/shampoo-conditioner/aanbod'&gt;Shampoo &amp; conditioner&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/haargelspraymousse/aanbod'&gt;Haargel/spray/mousse&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/anti-luizenproducten/aanbod'&gt;Anti-luizenproducten&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/hand-en-voetverzorging/aanbod'&gt;Hand- en voetverzorging&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/huidproducten'&gt;Huidproducten&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/bodylotions-huidolien/aanbod'&gt;Bodylotions &amp; huidoliën&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/hydrolaten/aanbod'&gt;Hydrolaten&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/massageolie/aanbod'&gt;Massageolie&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/hygiene-2'&gt;Hygiëne&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/lichaamshygiene/aanbod'&gt;Lichaamshygiëne&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/vrouwelijke-hygiene/aanbod'&gt;Vrouwelijke hygiëne&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/mondhygiene'&gt;Mondhygiëne&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/extra-mondverzorging/aanbod'&gt;Extra mondverzorging&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/tandpasta/aanbod'&gt;Tandpasta&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/natuurcosmetica/aanbod'&gt;Natuurcosmetica&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/therapeutische-zalven-sprays/aanbod'&gt;Therapeutische zalven &amp; sprays&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/verzorging-voor-de-man'&gt;Verzorging voor de man&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/douche-deo-man/aanbod'&gt;Douche &amp; deo man&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/gelaatsverzorging-man/aanbod'&gt;Gelaatsverzorging man&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/scheergerei-aftershave/aanbod'&gt;Scheergerei &amp; aftershave&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/zonneproducten/aanbod'&gt;Zonneproducten&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/speelgoed-schoolgerei'&gt;Speelgoed &amp; Schoolgerei&lt;/a&gt;&lt;ul&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/schoolgerei'&gt;Schoolgerei&lt;/a&gt;&lt;ul&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/brooddozen-drinkflessen/aanbod'&gt;Brooddozen &amp; drinkflessen&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/knutselen'&gt;Knutselen&lt;/a&gt;&lt;ul&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/boetseren-verven/aanbod'&gt;Boetseren &amp; verven &lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/verkleden-poppenkast/aanbod'&gt;Verkleden &amp; poppenkast&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/muziekinstrumenten/aanbod'&gt;Muziekinstrumenten&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/puzzels/aanbod'&gt;Puzzels&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/poppen-toebehoren/aanbod'&gt;Poppen &amp; toebehoren&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/miniatuurspeelgoed-figuren'&gt;Miniatuurspeelgoed &amp; figuren &lt;/a&gt;
          &lt;ul&gt;
              &lt;li class='first last'&gt;&lt;a href='/nl/miniatuur-sprookjes-figuren/aanbod'&gt;Miniatuur sprookjes figuren &lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/houten-speelgoed'&gt;Houten speelgoed&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/kinderen-houten-speelgoed/aanbod'&gt;Kinderen houten speelgoed&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/voertuigen-knikkerbanen/aanbod'&gt;Voertuigen &amp; knikkerbanen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/baby-houten-speelgoed/aanbod'&gt;Baby houten speelgoed&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/denkspelletjes/aanbod'&gt;Denkspelletjes&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/juweeltjes-accessoires/aanbod'&gt;Juweeltjes &amp; accessoires&lt;/a&gt;&lt;/li&gt;
      &lt;li class='last  active'&gt;&lt;a href='/nl/buitenspeelgoed'&gt;Buitenspeelgoed&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/gezelschapsspellen-buiten/aanbod'&gt;Gezelschapsspellen buiten &lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/zandbakspeelgoed/aanbod'&gt;Zandbakspeelgoed&lt;/a&gt;&lt;/li&gt;
          &lt;li class='active'&gt;&lt;a href='/nl/onderzoek-exploreren'&gt;Onderzoek &amp; exploreren &lt;/a&gt;
              &lt;ul&gt;
                  &lt;li class='first'&gt;&lt;a href='/nl/natuur/aanbod'&gt;Natuur &lt;/a&gt;&lt;/li&gt;
                  &lt;li class='last'&gt;&lt;a href='/nl/technisch/aanbod'&gt;Technisch &lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/waterspelen/aanbod'&gt;Waterspelen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/rollend-speelgoed/aanbod'&gt;Rollend speelgoed&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/superfoods-raw-foods'&gt;Superfoods &amp; Raw Foods&lt;/a&gt;&lt;ul&gt;
      &lt;li class='first  active'&gt;&lt;a href='/nl/zoete-hartige-snacks-superfood'&gt;Zoete &amp; hartige snacks superfood&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first last'&gt;&lt;a href='/nl/zoet/aanbod'&gt;Zoet&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/superfruit/aanbod'&gt;Superfruit&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/gezonde-vetten/aanbod'&gt;Gezonde vetten&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/rauwe-cacao/aanbod'&gt;Rauwe cacao&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/mixen-in-poeder/aanbod'&gt;Mixen in poeder&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/superfood'&gt;Superfood&lt;/a&gt;&lt;ul&gt;
          &lt;li&gt;&lt;a href='/nl/pitten-noten-zaden/aanbod'&gt;Pitten, Noten &amp; Zaden&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/algen-greens-bijenpollen/aanbod'&gt;Algen, Greens &amp; Bijenpollen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/natuurlijke-zoetmiddelen/aanbod'&gt;Natuurlijke Zoetmiddelen&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/dranken-soepen-superfood'&gt;Dranken &amp; soepen superfood&lt;/a&gt;&lt;ul&gt;
          &lt;li&gt;&lt;a href='/nl/poeders/aanbod'&gt;Poeders&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/supersappen/aanbod'&gt;Supersappen&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/superconcentraten/aanbod'&gt;Superconcentraten&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/boeken-rawfood/aanbod'&gt;Boeken rawfood&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/thee-koffie'&gt;Thee &amp; Koffie&lt;/a&gt;&lt;ul&gt;
      &lt;li class='first  active'&gt;&lt;a href='/nl/kruideninfusie'&gt;Kruideninfusie &lt;/a&gt;
          &lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/kruideninfusie-in-builtjes/aanbod'&gt;Kruideninfusie in builtjes&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/mixen-losse-kruiden/aanbod'&gt;Mixen &amp; losse kruiden&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/koffie'&gt;Koffie &lt;/a&gt;
          &lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/koffie-bonen/aanbod'&gt;Koffie Bonen&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/koffie-gemalen/aanbod'&gt;Koffie Gemalen&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/koffie-accessoires/aanbod'&gt;Koffie Accessoires&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/koffiepads/aanbod'&gt;Koffiepads&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/thee-1'&gt;Thee&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/thee-in-builtjes/aanbod'&gt;Thee in builtjes &lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/losse-thee/aanbod'&gt;Losse thee&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/thee-accessoires/aanbod'&gt;Thee accessoires&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/granenkoffiechicorei-koffievervangers/aanbod'&gt;Granenkoffie/chicorei &amp; koffievervangers &lt;/a&gt;&lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/vruchtenthee/aanbod'&gt;Vruchtenthee&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/keuken-kruiden'&gt;Keuken &amp; Kruiden&lt;/a&gt;&lt;ul&gt;
      &lt;li class='first  active'&gt;&lt;a href='/nl/kruiden-specerijen'&gt;Kruiden &amp; specerijen&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/anderen-kruiden-1/aanbod'&gt;Anderen kruiden &lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/keukenkruiden-2/aanbod'&gt;Keukenkruiden&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/specerijen/aanbod'&gt;Specerijen&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/olien-vetten-azijn'&gt;Oliën, vetten &amp; azijn &lt;/a&gt;
          &lt;ul&gt;
              &lt;li class='first'&gt;&lt;a href='/nl/azijn/aanbod'&gt;Azijn&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='/nl/plantaardige-olien/aanbod'&gt;Plantaardige oliën&lt;/a&gt;&lt;/li&gt;
              &lt;li class='last'&gt;&lt;a href='/nl/plantaardige-vetten/aanbod'&gt;Plantaardige vetten&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/sauzen'&gt;Sauzen&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/koude-sauzen/aanbod'&gt;Koude sauzen&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/plantaardige-romen-kokosmelk/aanbod'&gt;Plantaardige romen &amp; kokosmelk&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/warme-sauzen/aanbod'&gt;Warme sauzen&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/smaakmakers'&gt;Smaakmakers&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/bouillons/aanbod'&gt;Bouillons&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/kruidenzout/aanbod'&gt;(Kruiden)zout&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/sojasauzen-oosterse-specialiteiten/aanbod'&gt;Sojasauzen &amp; oosterse specialiteiten&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/zoetmiddelen-4/aanbod'&gt;Zoetmiddelen&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/glutenvrije-voeding'&gt;Glutenvrije voeding&lt;/a&gt;&lt;ul&gt;
      &lt;li class='first'&gt;&lt;a href='/nl/bakbenodigdheden-meelwaren/aanbod'&gt;Bakbenodigdheden &amp; meelwaren&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/beschuiten-crackers/aanbod'&gt;Beschuiten &amp; crackers&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/brood-gebak-2/aanbod'&gt;Brood &amp; gebak&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/broodbeleg-2/aanbod'&gt;Broodbeleg&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/chips-zoutjes/aanbod'&gt;Chips &amp; zoutjes&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/cornflakes-muesli/aanbod'&gt;Cornflakes &amp; muesli&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/nl/deegwaren-sauzen/aanbod'&gt;Deegwaren &amp; sauzen&lt;/a&gt;&lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/koeken-repen/aanbod'&gt;Koeken &amp; repen&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class='active'&gt;&lt;a href='/nl/dieetvoeding'&gt;Dieetvoeding&lt;/a&gt;&lt;ul&gt;
      &lt;li&gt;&lt;a href='/nl/dieetvoeding-1/aanbod'&gt;Dieetvoeding&lt;/a&gt;&lt;/li&gt;
      &lt;li class='active'&gt;&lt;a href='/nl/suikerarm'&gt;Suikerarm&lt;/a&gt;&lt;ul&gt;
          &lt;li class='first'&gt;&lt;a href='/nl/broodbeleg-1/aanbod'&gt;Broodbeleg&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/chocolade-1/aanbod'&gt;Chocolade&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/koekjes-snoep/aanbod'&gt;Koekjes &amp; snoep&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='/nl/peperkoek-fructose/aanbod'&gt;Peperkoek fructose&lt;/a&gt;&lt;/li&gt;
          &lt;li class='last'&gt;&lt;a href='/nl/zoetmiddelen-1/aanbod'&gt;Zoetmiddelen&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class='last'&gt;&lt;a href='/nl/zoutarm/aanbod'&gt;Zoutarm&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Now I want to create a new method, in which the markup will be like this example: <a href="http://www.bootply.com/DglnYJTSKA#" rel="nofollow noreferrer">http://www.bootply.com/DglnYJTSKA#</a></p>
  
  <p>I have now clue how to do this, can anyone help me out? The output must become someting like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-2"&gt;
        
        &lt;div id="MainMenu"&gt;
          &lt;div class="list-group panel"&gt;
            &lt;a href="#demo3" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu"&gt;Item 3&lt;/a&gt;
            &lt;div class="collapse" id="demo3"&gt;
              &lt;a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1"&gt;Subitem 1 &lt;i class="fa fa-caret-down"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;div class="collapse list-group-submenu" id="SubMenu1"&gt;
                &lt;a href="#" class="list-group-item" data-parent="#SubMenu1"&gt;Subitem 1 a&lt;/a&gt;
                &lt;a href="#" class="list-group-item" data-parent="#SubMenu1"&gt;Subitem 2 b&lt;/a&gt;
                &lt;a href="#SubSubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubSubMenu1"&gt;Subitem 3 c &lt;i class="fa fa-caret-down"&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;div class="collapse list-group-submenu list-group-submenu-1" id="SubSubMenu1"&gt;
                  &lt;a href="#" class="list-group-item" data-parent="#SubSubMenu1"&gt;Sub sub item 1&lt;/a&gt;
                  &lt;a href="#" class="list-group-item" data-parent="#SubSubMenu1"&gt;Sub sub item 2&lt;/a&gt;
                &lt;/div&gt;
                &lt;a href="#" class="list-group-item" data-parent="#SubMenu1"&gt;Subitem 4 d&lt;/a&gt;
              &lt;/div&gt;
              &lt;a href="javascript:;" class="list-group-item"&gt;Subitem 2&lt;/a&gt;
              &lt;a href="javascript:;" class="list-group-item"&gt;Subitem 3&lt;/a&gt;
            &lt;/div&gt;
            &lt;a href="#demo4" class="list-group-item list-group-item" data-toggle="collapse" data-parent="#MainMenu"&gt;Item 4&lt;/a&gt;
            
             &lt;a href="#demo5" class="list-group-item list-group-item" data-toggle="collapse" data-parent="#MainMenu"&gt;Item 5&lt;/a&gt;
              &lt;div class="collapse" id="demo5"&gt;
              &lt;a href="#" class="list-group-item"&gt;Subitem 1&lt;/a&gt;
              &lt;a href="" class="list-group-item"&gt;Subitem 2&lt;/a&gt;
              &lt;a href="" class="list-group-item"&gt;Subitem 3&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        
      &lt;/div&gt;  
    &lt;/div&gt;  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>