Question

I’m trying to make while user clicks on region at map (#map-polska), page scrolls to #adresses div, but it doesn’t work with that code, and I can’t solve it – where the problem lays..

$('#map-polska').cssMap({
  size: 500,
  agentsListId: '#addresses',
  onClick: function (e) {
    $("html:not(:animated),body:not(:animated)").animate({
      scrollTop: $('#addresses').offset().top
    }, 1500);
  }
});

Answer 1

I don’t know what’s cssMap but in order to conform to the usual jQuery model, your code should probably be :

$('#map-poland').click(function (e) {
    $("html:not(:animated),body:not(:animated)").animate({
      scrollTop: $('#addresses').offset().top
    }, 1500);
  }
).cssMap({
  size: 500,
  agentsListId: '#addresses'
});

But maybe what you want is :

$('#map-poland').click(function (e) {
    $("html:not(:animated),body:not(:animated)").animate({
      scrollTop: $('#addresses').offset().top
    }, 1500);
  }
).css(size: 500)
.attr('agentsListId', '#addresses');

By the way, jquery’s css function accepts a map as parameter.