How do I show specific level 2 sections lists

[leehack]

My first attempt would be:

<ul id="NavigationMenu">
<actinic:block type="TopLevelSectionList">
<li><a href="#"><actinic:variable name='SectionName'/></a>
<actinic:block type="ChildSectionList">
<ul><li><a href="<actinic:variable name="SectionPageName"/>"><actinic:variable name='SectionName'/></a></li></ul>
</actinic:block>
</li>
</actinic:block>
</ul>

[jozza800]

Nearly! Ahh this so fustrating

Your way produces the correct drop down action for just one selection of each header cell.

As you can see in the image, take the 'Insulin Resistance' bit you can see that 'Plan B and C' are still visable but the 'Plan A' is hidden correctly and expands when the 'Insulin Resitance' tab is clicked. As do the other further down the nav.

[leehack]

All i'm helping with is getting a correctly formed html list, the interaction and styling is down to you and the menu you are using. Sounds like you have a collapso, why not just buy it from drillpine.biz at £35, have it installed in 5 minutes tops and save yourself the hassle?

You have no styling on your sub menu, i don't see how it can hide unless it is told to do so.

[jozza800]

Its the 2nd lot of <ul> tags I dont want them repeated/

It should be

<ul id navigation>
  <li>Header Name
    <ul>
      <li>Sub Link 1</li>
      <li>Sub Link 2</li>
      <li>Sub Link 3</li>
    </ul>
  </li>
<ul>

Instead what is happening

<ul id navigation>
  <li>Header Name
      <ul><li>Sub Link 1</li></ul>
      <ul><li>Sub Link 2</li></ul>
      <ul><li>Sub Link 3</li></ul>
  </li>
<ul>

The second lot of <ul> should only be used once, not every time as what is happening within the actinic block, if you see what i mean

[leehack]

Try:

<ul id="NavigationMenu">
<actinic:block type="TopLevelSectionList">
<li><a href="#"><actinic:variable name='SectionName'/></a>
<ul>
<actinic:block type="ChildSectionList">
<li><a href="<actinic:variable name="SectionPageName"/>"><actinic:variable name='SectionName'/></a></li>
</actinic:block>
</ul>
</li>
</actinic:block>
</ul>

[jozza800]

Thanks everyone for your help and patience, I have figured it out.

For anyone who wants to know the follwing gives me exactly what I was after..

 
<ul id="navigation">
<actinic:block type="TopLevelSectionList">
<li><a href="#"><actinic:variable name='SectionName'/></a>
	<ul><actinic:block type="ChildSectionList">
		<li><a href="<actinic:variable name="SectionPageName"/>"><actinic:variable name='SectionName'/></a></li>
	</actinic:block></ul></li>
</actinic:block>
</ul>

[jozza800]

Cheers Lee, I figured it out about 5 secs before I read your post.

Thanks

[NormanRouxel]

A minor point. The code in #21 will produce an orphaned <ul></ul> if there are top level sections with no sub-sections.

Not a problem if all your top-levels always contain sub-sections but might trip up others who use it later.