Jquery 只显示div的一部分

我想要一个div，它只显示它的顶部（比如50px oh height），而div的其他部分（比如100px底部）应该由jquery.show（）或其他东西显示。有人知道怎么做吗

---

您可以将div height设置为50px fixed，单击可以根据javascript/jQuery将高度更改为auto，或将其从auto恢复为50px

CSS:

jQuery：

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

$('#example').click(function(){
    $(this).animate({ height: 500px; }, 250);
}

---

您可以将div的高度设置为您希望它从开始（50px）到CSS的高度。设置

溢出：隐藏

隐藏其余内容

之后，您可以执行以下操作来显示整个元素：

$("#id-of-element-to-click-to-show-entire-div").click(function(){
   $(this).slideDown("fast");
});

---

我会将内容嵌入到

中。然后使用JQuery控制此元素的高度：

$("#foo").css("height", whatever);

HTML:

jQuery：

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

$('#example').click(function(){
    $(this).animate({ height: 500px; }, 250);
}

---

它看起来很好，但是您确定语法正确吗，bcs它在javascript部分给出警告。ok它在没有“；”的情况下工作，比如$（this）。动画（{height:500px}，250）；

$('#example').click(function(){
    $(this).animate({ height: 500px; }, 250);
}