显示div的一部分

Question

我希望有一个div显示在它的顶部(如50px哦高度)和div的其他(底部像100px)部分应该由jquery.show()或其他东西显示.有谁知道怎么做？

Answer 1

您可以将div高度设置为50px固定,点击后您可以将高度更改为自动每javascript/jQuery,或将其从auto恢复为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();
    }
  }
}