Jquery 在html中将元素与页面底部或div对齐

我想在应用中使用滑动面板。我正在使用以下代码

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
});
});

我共享的代码只是将div从实际位置向下扩展。但我希望div从它的实际位置扩展到向上的方向。我希望你明白我的意思。请帮帮我试试这个

  $('#panel').show("slide", { direction: "down" }, 1000);

然后，要使其像动作一样切换，请检查是否可见

if($('#panel').is(':visible')){
  $('#panel').hide("slide", { direction: "down" }, 1000);
}else{
  $('#panel').show("slide", { direction: "down" }, 1000);
}

试试这个

  $('#panel').show("slide", { direction: "down" }, 1000);

然后，要使其像动作一样切换，请检查是否可见

if($('#panel').is(':visible')){
  $('#panel').hide("slide", { direction: "down" }, 1000);
}else{
  $('#panel').show("slide", { direction: "down" }, 1000);
}

试试这个：

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideUp("slow");
});
});

试试这个：

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideUp("slow");
});
});

---

其他的都是很好的答案，但我决定添加一个使用css3转换的版本，因为它们更平滑，我认为我们应该使用它们来推动网络向前发展：

---

其他的都是很好的答案，但我决定添加一个使用css3转换的版本，因为它们更平滑，我认为我们应该使用它们来推动网络向前发展：

---

请提供更多细节。发布您的html/css或FIDLE。由于html元素在文档正常流中一个接一个地呈现，这取决于您的标记。请提供更多信息。请提供更多详细信息。发布您的html/css或FIDLE。由于html元素在文档正常流中一个接一个地呈现，这取决于您的标记。请提供更多信息。