website Files · www/conservancy/templates/base_about.html

Files @ 2ba369aa5c5a

Branch filter:

Location: website/www/conservancy/templates/base_about.html

2ba369aa5c5a 1.0 KiB text/html Show Annotation Show as Raw Download as Raw

Bradley M. Kuhn

Supporter: js: fade out “Expand All” anchor when all sections expand

The expandable sections can be expanded either one-by-one, or with
the “Expand All” button. Add a counter for each expandable
section (which requires their div's to have 'id' attributes, lest
they be counted in the '__global' section of expandables).

The __global counter will work as advertised if you have no 'id'
attributes on any of your 'expandable-section'-classed div's, but if
you mix a __global without an id with ones that *do* have an id, it's
likely this particular code won't work for that.

Finally, add some documentation which is probably over-documenting
for someone who knows Javascript and jQuery well, but it took me a
while to figure out this code so I felt throwing some notes in there
might be helpful.

{% extends "base_conservancy.html" %}
{% block outercontent %}
    <div id="container">
         <div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
            <h2>{% block category %}About{% endblock %}</h2>
            <ul>
            <li class="Overview"><a href="/about/index.html">Overview</a></li>
            <li class="Contact"><a href="/about/contact">Contact</a></li>
            <li class="Directors"><a href="/about/board/">Directors</a></li>
            <li class="Staff"><a href="/about/staff/">Staff</a></li>
            <li class="Eval"><a href="/about/eval-committee/">Evaluation Committee</a></li>
            <li class="Outside"><a href="/about/outside/">Outside Counsel, et alia</a></li>
            <li class="Filings"><a href="/about/filings/">Filings</a></li>
            <li class="License"><a href="/about/license/">License &amp; Sources</a></li>
            </ul>
         </div>
               <div id="mainContent">{% block content %}{% endblock %}
               </div>
   </div>
{% endblock %}