Question

需要使用以下样式隐藏div：

.result-container
{
    visibility: hidden;
}

我想通过应用滑动动画来显示这个div。

如果div有$(".result-container").slideDown("slow");，那么

display: none;会有效，但事实并非如此。

如何.slideDown()切换visibility属性而不是display？

Answer 1

只需将容器设置为可见且未显示，然后应用.slideDown()。

$button = $('.button');
$container = $('.container');

$button.click( function(event) {
  event.preventDefault();
  $container
    .css({
      visibility: 'visible',
      display: 'none'
    })
    .slideDown();
});

演示：http://jsbin.com/sefor/1/edit

如何使用jQuery更改幻灯片的可见性？

1 个答案: