收起延迟的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

回答

相关问题