Simple drop-down "list" items (inside a html "body") --- content (un)hiding upon click --- Not a navigation bar, no redirect, no menu, no forms
@Wtower's help above makes this pretty straightforward. Drupal (I am using 7) can use these jQuery codes without any additional install.

One can just put the following right inside a drupal "node", such as a standard article. This solution works for list items; the following is to be implemented [I used ordered lists (ol) in my example]:

&lt;style&gt;#toggler li:hover {text-decoration: underline; cursor: default}&lt;/style&gt;
&lt;script type="text/javascript"&gt;jQuery(document).ready(function(){jQuery("#toggler li").click(function(){jQuery(this).next().slideToggle("slow"); return false;}).next().hide();});&lt;/script&gt;

    &lt;ol id="toggler"&gt;
    &lt;li&gt;List tem 1.&lt;/li&gt;
    &lt;div&gt;Content of list item 1.&lt;/div&gt;
    &lt;li&gt;List item 2.&lt;/li&gt;
    &lt;div&gt;Content of list item 2.&lt;/div&gt;
    &lt;/ol&gt;




I haven't looked at triangular (changing upon revealing or hiding content) list bullets yet.

If you want other items than list items, look here:


http://renaudjoubert.com/fr/node/56
http://triq.net/articles/hide-and-slide-drupal-content-jquery