title: Accordion Box malfunction in firefox
body: <p>i have the following function written in javascript which operate a slide up/down box. but in firefox, it malfunctions. it just opens/closes once. after that no play. 
  i am getting the height() param from the box and storing it in hidden input. but firefox is unable to read the correct height of the box. </p>
  
  <p>look at the code to understand better :</p>
  
  <p>JS :</p>
  
  <pre><code>function boxCollapse() {
      $("#boxHeight").attr("value", parseInt($("#accTipsBox").height()));
      $("#accTipsBox").animate({height:'0px'});
      $(".btnCollapse").css({display:'none'});
      $(".btnExpand").css({display:'block'});
      $("#accTipsBox").css({padding:'0px'});
  }
  
  function boxExpand() {
      $("#accTipsBox").animate({height: $("#boxHeight").attr("value")});
      $(".btnExpand").css({display:'none'});
      $(".btnCollapse").css({display:'block'});
      $("#accTipsBox").css({padding:'0px'});
  }
  </code></pre>
  
  <p>HTML :</p>
  
  <pre><code>&lt;section class="accBox grey"&gt;
      &lt;header&gt;
          &lt;div class="title"&gt;DISCLAIMERS&lt;/div&gt;
          &lt;a style="display: none;" class="btnExpand" href="javascript:void(0);"&gt;&lt;img src="/resources/images/boxExpandGrey.jpg" alt="button"&gt;&lt;/a&gt;
          &lt;a style="display: block;" class="btnCollapse" href="javascript:void(0);"&gt;&lt;img src="/resources/images/boxCollapseGrey.jpg" alt="button"&gt;&lt;/a&gt;
      &lt;/header&gt;
      &lt;div id="accTipsBox" style="height: 125px; padding: 0px;"&gt;
          &lt;input type="hidden" id="boxHeight" value="125"&gt;    
          &lt;div class="accBoxContent"&gt;
              &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>