[jQuery] Toggle multiple objects the same direction?

[Pkunzipula]

Hello Experts!

I have an animated drop-down search panel, coded with jQuery like
so...

$(function() {
        $('div.searchform').hide();
        $('div.searchbar').click(function () {
        $('div.searchform').animate({
                height: "toggle",
                opacity:"toggle"
              }, 'fast');
        });
});

This divs .searchform and .searchbar appear at the top of 5 separate
lists.  What I'm trying to accomplish is when you toggle the
searchform on any list, you see that same state on every other list
(i.e., when you close 1, you close them all).

As is above, if you open one list, it closes all the others.  It's
like two light switches in the same hallway.

I'm sure this is a job for an IF statement, but I'm not sure what I
should be testing.

Any ideas, anyone?

Thanks for your time.

Arlen