收起延遲的div

我想隱藏一個與展開的優雅相同的div。但它立即或突然崩潰。收起延遲的div

jQuery代碼

$(document).ready(function(){ 
     function scrollToElement(selector, time, verticalOffset) { 
      time = typeof(time) != 'undefined' ? time : 1000; 
      verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; 
      element = $(selector); 
      offset = element.offset(); 
      offsetTop = offset.top + verticalOffset; 
      $('html, body').animate({ 
      scrollTop: offsetTop 
      }, time); 
     } 
     $("#contact-container").hide(); 
     $(".dropcontact").click(function(){ 
      $("#contact-container").toggle(); 
      scrollToElement("#contact-container",500,140); 
    }); 
});

在上面的代碼.dropcontact是一個鏈接。

來源

2014-01-30 Orahmax

嘗試'的slideToggle（）' – timo

是，的slideToggle，沒有效果基本show /向下。我需要再次閱讀api :) http://jsfiddle.net./xhPLC/1/ –

是的，slidetoggle工作 – Orahmax

這是你想要的嗎？

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $(".header").click(function() { 
      $("#mydiv").animate({ 
       height: ["toggle", "swing"] 
      }, { 
       duration: 500, 
       complete: function() { 

       } 
      }); 

     }); 
    }); 

</script> 
</head> 
<body> 
<h4 class="header"> 
    Click Here</h4> 
<div id="mydiv"> 
    some test data 
    <br/> 
    some test data 
    some test data 
    <br/> 
    some test data 
    some test data 
    <br/> 
    some test data 
</div> 
</body> 
</html>

來源

2014-01-30 13:09:26

傳遞參數「慢」或毫秒（如400）將使其隱藏慢慢

$("#contact-container").hide("slow");

來源

2014-01-30 13:23:29 Gaurav

收起延遲的div

回答

相關問題