Question

jsfiddle is here: http://jsfiddle.net/M86nA/

code is this:

$('div.wrap').click(function(){
   var $minY = $('div.imgur-wrap').height();
   if ($minY = 280) {
      $('div.wrap').animate({height: 500});
   }else{
      $('div.wrap').animate({height: 280});
   }
});​

i imagine it’s because it does have the new height (500) when executing the if? how can i do this?

Thanks!

EDIT: replacing “=” with “==” and removing “imgur” in selector fixes it.

Answer 1

Using your current code, fix the class reference and = to ==.

Change

var $minY = $('div.imgur-wrap').height();

To

var $minY = $('div.wrap').height();

Complete code for reference:

$('div.wrap').click(function() {
    var $minY = $('div.wrap').height();
    if ($minY == 280) {
        $('div.wrap').animate({
            height: 500
        });
    } else {
        $('div.wrap').animate({
            height: 280
        });
    }
});​

See DEMO