How to make two .css function into one

I want to make it one line include two .css property

	$('#front').css('max-height', $('.div_test_az').height() * 4 + 'px');
	$('#front').css('min-height', $('.div_test_az').height() * 2 + 'px');

Example one line:

.css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

But I cant translate above code into it to work.
Thank you.

Does this not work?

$("#front").css({
  "max-height": $(".div_test_az").height() * 4 + "px",
  "min-height": $(".div_test_az").height() * 2 + "px"
});
1 Like