jquery - 只显示 div 的一部分

Question

我想要一个 div，它只显示它的顶部(例如 50px 哦高度)和 div 的其他部分(底部像 100px)应该由 jquery.show() 或其他东西显示。有没有人知道怎么做？

Answer 1

您可以将 div 高度设置为固定的 50px，然后单击您可以根据 javascript/jQuery 将高度更改为自动，或将其从自动恢复为 50px。

CSS:

.mydiv{
  height:50px;
  min-height:50px;
  overflow:hidden;
}

jQuery:

$("document").ready(function(){
  $(".mydiv").click(function(){
    if($(".mydiv").css("height")!="50px"){
      $(".mydiv").slideDown();
    }
    else{
      $(".mydiv").slideUp();
    }
  }
}