With a bit of code from CSS-Tricks, an idea from the WordPress.com blog, and a little elbow grease, I was able to create something that really fits in well on my site. I transformed the jQuery that I found on CSS-Tricks, which was originally used for accordions and turned it into something largely different that I really happen to like.

All I’m doing here is creating a div with an anchor-link inside it for the controller and an unordered list for the menu items. Then I basically just create a jQuery function that turns the anchor-link into a toggle button.

<div id="archive-button"><a></a></div>
<ul id="archive-dropdown" name="archive-dropdown">
    <?php wp_get_archives('type=monthly&limit=12'); ?>
</ul>

$(document).ready(function($) {
    $('#footer #archive-dropdown li:not(:first)').hide();
    $('#footer #archive-button a').click(function(){
        $('#footer #archive-dropdown li:not(:first)').slideToggle();
    })
});

If anybody wants this in plugin form, it would be easy to turn this into a widget. I’ll probably whip something up tomorrow.

Update: I simplified this script by not hiding the first list-item and taking out the jQuery show function.