Add parent in CSS List Menu

Celero Solutions asked on June 9, 2014 14:05

Hi, I have a side menu that is to render as follows: Image Text

HTML is as follows:

<div class="roundShadow secNav hidden-print">
            <li class="sectionTitle"><h2>Employee Resources</h2></li>
            <li><a href="" class="current">Total Rewards</a></li>
                    <li><a href="Content-Compensation.html">Compensation</a></li>
                    <li><a href="">Job Evaluation</a></li>
                    <li><a href="">Rewards & Recognition</a></li>
                    <li><a href="">Employee Benefits</a></li>
                    <li><a href="">Other Benefits</a></li>
            <li><a href="">Learning & Development</a></li>
            <li><a href="">Forms</a></li>
            <li><a href="">FAQs</a></li>

The first list item, Employee Resources is the parent page. Each page will display with the parent page and will only display the pages for that section. Is there any way to include the parent in a CSS List Menu?

Recent Answers

Brenden Kehren answered on June 9, 2014 20:46

You might want to use a repeater or hierarchical viewer because the CSS List Menu won't allow you to accomplish what you're looking for very easy. Check out this post.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.