I have small sub navigation element stored as an unordered list of items. Each list item is a section of our site. Here is the HTML code:

<ul class="quick-nav">
    <li><a href="#" class="active">Getting Started</a></li>
    <li><a href="#">Setting Strategy</a></li>
    <li><a href="#">Measuring Success</a></li>
    <li><a href="#">Working with Grantees</a></li>
    <li><a href="#">Nonprofit Due Diligence</a></li>
    <li><a href="#">Philanthropist Spotlights</a></li>
</ul>

As editors create pages using templates that have this sub navigation element, I need to give them the ability to easily assign one of these items the class as "active" so it is highlighted as you can see above. First thought was to have them use a Widget, but that would require my editors to copy and paste in HTML similar to above and edit. Any one have a better idea?