单击动画标题栏，向下滑动打开的面板，如何再次单击以在凸起的栏和关闭面板上设置动画？

我有一个带有标题栏的容器和一个隐藏在其下方的面板，直到单击标题栏，然后slideDown面板并将标题栏上升几个像素。 这很好用。 打开后我需要做的是单击标题栏并将其放回到其起始位置，同时仍然关闭面板并再次隐藏。 当我在打开后单击标题栏时，面板关闭并消失，但标题栏仍然处于抬起位置（因为我没有任何东西可以将其降低）。 我尝试过几种不同的选择。

HTML

 
 
Specials & Events
 
 
 
 
 
text text text 
 
 
Tulalip Resort-Casino Calendar Portal 
 
 
  
 
  
 
  
 
  

jQuery的

   $(document).ready(function () { var $spTitle = $('#specialsEventsTitle'); var $promobox = $('#revealDown'); $($spTitle).click(function () { $spTitle.animate({ top: '8px' }); if ($promobox.height() > 0) { $promobox.animate({ height: 0 }); } else { $promobox.animate('slow').animate({ height: '100%' }); } }); });  

Answer 1

而不是这个：

 $spTitle.animate({ top: '8px' }); 

用这个：

 if (parseInt($spTitle).css('top') > 0 ) $spTitle.animate({ top: '0px' }); else $spTitle.animate({ top: '8px' }); 

Answer 2

这似乎是.slideToggle的完美案例。

您可以在此处查看文档。

我还包括Rob R的答案，因为它看起来是正确的，我正在努力解决该解决方案。 但代码未经测试。