Jquery SlideUp 高度

Question

$(document).ready(function() {
    $('#arrow').click(function () {
        if ($('#slide1').is(":hidden")) {
            $('#slide1').slideDown('medium');
        } else {
            $('#slide1').slideUp('normal');   
        }
    });
});

如何单独提及幻灯片高度？

Answer 1

 $('#arrow').click(function () {
      if ($('#slide1').hasClass("small")) {
         $('#slide1').animate({"height": "40px"}, "medium").removeClass("small"); 
      } else {

            $('#slide1').animate({"height": "20px"}, "medium").addClass("small");
      }
  });

您可以使用animate方法来更改高度。 hasClass 方法检查 div 的状况(是否为原始大小)。这里我添加了一个类“small”来指示减小的高度状态。

click here for the jsfiddle