我如何更改当前代码以将div设置为最小高度而不是高度jQuery

Question

Can someone help me to set my div to min-height instead of a normal height. Cause when I press Learn more button it will go over my div cause the function is made for setting a height instead of equal height.

$.fn.equalHeight = function() {
var maxHeight = 0;
return this.each(function(index, box) {
    var boxHeight = $(box).height();
    maxHeight = Math.max(maxHeight, boxHeight);
}).height(maxHeight);
};

http://jsfiddle.net/vVsAn/5505/

Answer 1

Please check the following URL where your issue has been fixed.

CSS

.equalheightz{
  background-color:#fff;
  padding:5px;
  margin:5px;

}
.phide{
  display:none;
}
h3{
  font-size:25px;
  color:#333;
  padding-bottom:5px;
}
p{
  color:#333;
  padding-bottom:5px;
}

JS :

   $(document).ready(function() {
   $('.blok1show').click(function(){
     $(this).parent().find('.phide').slideToggle('fast');

   });
});

http://jsfiddle.net/vVsAn/5506/

Answer 2

You can get the CSS property by using:

$(".foo").css("min-height", function(){ 
    return $(this).height();
});

You can save that to a variable or something.

Answer 3

 $(#YOUR-DiV).style.minHeight = "100px";

http://www.w3schools.com/jsref/prop_style_minheight.asp