I'm trying to create a region for my Drupal 7 theme that will be clickable drop-down to allow the user to log in/out, access their profile page and a few of other things. The best analogy I can come up with is that I'm trying to create something similar to the sort of drop-down that you see on sites like Twitter. (It's not exactly the same as what I'm trying to build, but close enough to demonstrate my point.)
Now, neither styling the region nor implementing a show/hide behavior in jQuery is difficult. The key here is to add a bit of custom HTML to the region that will wrap outside the blocks, but inside the region itself.
The output should look something like this:
<div class="region region-name"> <!-- region --> <!-- custom HTML "wrapper" --> <p><a href="link-to-activate-dropdown">Click here</a></p> <div id="wrapper"> < blocks go here > </div> <!-- /custom HTML "wrapper" --> </div> <!-- /region -->
It's also important to make sure users can't move or delete this special stuff, so I think this should probably go in template.php, but since I'm a Drupal theming newbie, I'm not sure.
Anyone have an idea how to do this?