用jquery切换元素可见性!

我有以下标记:

<div class="header">Text</div>
<div class="hiddenArea">sdsada</div>

<div class="header">Text2</div>
<div class="hiddenArea">sdsada</div>

以及以下jquery:

$('.header').click(function() {
        var t = $(this).next('.hiddenArea').slideToggle();
    });

当hiddenarea被发现时,我想隐藏另一个hiddenarea,如果它是可见的? 我想这样做,以便我可以添加其他标题和隐藏,如果我需要它们。

更新:

谢谢你们,最后做了:

$('#messages .header').click(function() {
  if (!$(this).next().is(':visible')) {
    $('.hiddenArea').slideToggle();
  }
});