zackdesign

Note: This plugin requires PHP 5
Warning: This plugin requires knowledge of CSS to use adequately in widgets
Features at a glance:
<ul>
<li>Widgetised to make it really easy to add multiple dropdowns anywhere on the page you have sidebars</li>
<li>Ability to create the menu wherever you want with PHP Classes</li>
<li>Leverages the new WordPress 2.8 widget settings to allow quick and easy multiple widget instances</li>
</ul>
Theming options:
<ul>
<li>Multi-level dropdown (CSS included)</li>
<li>Multi-level left/right flyouts (CSS included)</li>
<li>Support for Superfish Javascript (CSS included)</li>
<li>Works with other CSS (within reason)</li>
</ul>
If you want me to modify the CSS for you simply <a href="http://www.zackdesign.biz" title="Zack Design" rel="nofollow ugc">contact me</a> and I will do it easily and quickly for you for a moderate sum.
It uses <a href="http://www.cssplay.co.uk/menus/final_drop.html" title="Stu Nicholl" rel="nofollow ugc">Stu Nicholl’s final drop-down code</a> which is a complete CSS solution – no Javascript required!!
You can look on <a href="http://www.cssplay.co.uk/menus/" title="Stu Nicholl's Menus" rel="nofollow ugc">Stu’s site for other drop-down code</a> as I got the flyout left and right code from there. Don’t forget to donate if you’re using his styles.
Most of his CSS should work just fine with the menu. I’ve made it so that the plugin automatically finds menu.css in the plugin’s folder and loads it in your WordPress site so you can instantly see how it will look. If you want to create your own CSS simply create menu.css in your theme’s root directory and the plugin will load that automatically for you.
Please note that if you’re upgrading you will need to change your theme files to suit the new approach. See Installation for further information.

WordPress CSS Drop-down Menu

Use Wordpress' nav menu system to create left/right widget flyouts, with support for Superfish

metaloha

Use a shortcode to define a drop-down form field, and shortcodes to define blocks of content that will be displayed when a specific entry is selected.
<h3>Usage</h3>
To add a content dropdown to a post, you can either select the Content Dropdown icon from the TinyMCE editor, or enter the shortcodes manually.
<pre><code>[dropdown name="controlName" class="customClassName"] - both `name` and `class` are optional; `name` will default to `dropdown-content`
</code></pre>
<ul>
<li>the <code>name</code> is used to identify which content sections are targetted by this dropdown; if there is only one dropdown on a page, it is optional; if there are multiple dropdowns on a page, each will need a unique name</li>
<li><code>class</code> can be a space-separated list of class names, or just a single class name</li>
<li>
only <code>[dropdown-option]</code> shortcodes may be inside this shortcode
[dropdown-option value=”someValue”] – the <code>value</code> field is technically optional, but is required if this option is meant to make a content block visible
</li>
<li>
must be inside a <code>[dropdown]</code> shortcode
[dropdown-content name=”controlName” value=”someValue”] – if the <code>name</code> matches a dropdown name, and the <code>value</code> matches the value of an option within that dropdown, then this content will be displayed when that specific option is selected.
</li>
<li>
again, <code>name</code> is technically optional, but must match a <code>[dropdown]</code> name (also defaults to <code>dropdown-content</code>)
</li>
<li><code>value</code> is required, and must match a <code>value</code> for a <code>[dropdown-option]</code></li>
<li>can be anywhere on the page</li>
</ul>
<h3>Example</h3>
Copy and paste the following content to see the plugin in action
[dropdown] 
[dropdown-option]Select one…[/dropdown-option] 
[dropdown-option value=”option1″]First option[/dropdown-option] 
[dropdown-option value=”option2″]Second Option[/dropdown-option] 
[/dropdown]
[dropdown-content value=”option1″]Content for the first option.[/dropdown-content]
[dropdown-content value=”option2″]Content for the second option.[/dropdown-content]
Those were all using the default values from the plugin. Let’s change it up a bit.
[dropdown] 
[dropdown-option value=”option1″]The First[/dropdown-option] 
[dropdown-option value=”option2″ default=true]The Second[/dropdown-option] 
[dropdown-option value=”option3″]The Third[/dropdown-option] 
[/dropdown]
You’ll notice below that the second option will be displayed by default for you.
[dropdown-content value=”option1″]Some different content for the second first option.[/dropdown-content]
[dropdown-content value=”option2″]Some different content for the second second option.[/dropdown-content]
[dropdown-content value=”option3″]Some different content for the second third option.[/dropdown-content]

Dropdown Content

Allows different content to be displayed based on the value of an author-defined drop-down box.

WordPress CSS Drop-down Menu vs Dropdown Content