I have a document structure like this:
Age
15-24
25-34
35-44
45-54
Gender
Male
Female
etc. I would like to generate a list where each category (Age, Gender) is within it’s own UL. at the moment this is generated:
<ul class="genericList">
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age" title="Age" >Age</a>
<ul class="genericListInner">
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/15-24" title="15-24" >15-24</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/25-34" title="25-34" >25-34</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/35-44" title="35-44" >35-44</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/45-54" title="45-54" >45-54</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/55-64" title="55-64" >55-64</a></li>
<li class="last"><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/65" title="65+" >65+</a></li>
</ul>
</li>
<li class="last"><a href="/campaigns-rates/people-place/demographics/basic-demographics/gender" title="Gender" rel="category" >Gender</a>
<ul class="genericListInner">
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/gender/male" title="Male" >Male</a></li>
<li class="last"><a href="/campaigns-rates/people-place/demographics/basic-demographics/gender/female" title="Female" >Female</a></li>
</ul>
</li>
</ul>
however, I would like:
<ul class="genericList">
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age" title="Age" >Age</a>
<ul class="genericListInner">
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/15-24" title="15-24" >15-24</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/25-34" title="25-34" >25-34</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/35-44" title="35-44" >35-44</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/45-54" title="45-54" >45-54</a></li>
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/55-64" title="55-64" >55-64</a></li>
<li class="last"><a href="/campaigns-rates/people-place/demographics/basic-demographics/age/65" title="65+" >65+</a></li>
</ul>
</li>
</ul>
<ul class="genericList">
<li class="last"><a href="/campaigns-rates/people-place/demographics/basic-demographics/gender" title="Gender" rel="category" >Gender</a>
<ul class="genericListInner">
<li><a href="/campaigns-rates/people-place/demographics/basic-demographics/gender/male" title="Male" >Male</a></li>
<li class="last"><a href="/campaigns-rates/people-place/demographics/basic-demographics/gender/female" title="Female" >Female</a></li>
</ul>
</li>
</ul>
So that a new UL is created each category instead of it all being under the one UL. The reason I wish to do this is I would like to float them left horizontally, so it’s more like a row of ULs and not a single vertical list of one massive UL.
I’ve been jigging it around with templates but can’t quite make it work. Does anyone have any clues?
Thanks!