Question

this is most likely very easy but i’m struggling

$(window).bind("load resize", function(){
var wH = $(window).height();
var wW = $(window).width();
var hwH = (wH) / 2;
// ---- slide size w+h ----
  $('.slide').css({'height': (wH) +'px', 'width': (wW) +'px'});
  $('#features') .css({'height': (wH+hwH) + 'px'});

// ---- size/min-size for featureItem div's ----
  $('.featureItem') .css({'height': (wH * 1.5) / 5 - 17 +'px'});

});// end resize.function

i would like to add a conditional statement for #features along the lines of

if$(wH+hwH < 735) {
    $('#features').css({'height': 735 +'px'});
    }
  else {
    $('#features').css({'height': (wH+hwH) + 'px'});
    }

thanks in advance

Answer 1

Maybe this would work? You had a $ in your if statement and I don’t think you have the correct syntax for the .css() function. .height() might be easier.

if(wH+hwH < 735) {
  $('#features').height(735);
}
else {
  $('#features').height(wH+hwH);
}