Question

我想实现一个简单的上滑和下滑机制，以便在按下按钮时显示内容。使用开箱即用的jquery函数slideUp（）和slideDown（）来搜索内容。我希望滑动机制类似于在twitter中使用的滑动机制（在时间轴中点击推文，更多信息和选项向下滑动）。那里的内容不会被压扁。相反，底部边框无缝地移动到内容上，因此向上滑动而不会压扁。有关如何实现这一点的任何指示？

编辑：

要进入和退出可见性的内容位于div内部

<div id='container'>
 <div id='slider'>
   <div> other content </div>
 </div>
 <div id='button'>
   Click to slide
  </div>
</div>

我听'按钮'div的点击事件

$('.button').click(function(){
  if($('.slider').is(":visible"))
  {
    $('.slider').slideUp();
  }
  else { $('.slider').slideDown(); }
});

这是一个基本滑块。 “滑块”div中的内容在制作动画时会被压缩和扭曲。

Answer 1

试试这个demo

$(function(){

  $('#button').click(function(){
  if($('#slider').is(":visible"))
  {
    $('#slider').slideUp();
  }
  else { $('#slider').slideDown(); }
});

});

实现slideUp（）而不会出现内容失真

1 个答案: