У меня есть несколько div'ов друг под другом, на каждом div есть кнопка и держатель карты, и у меня есть такой код:
function mapInitialize(lat, lng, mapDiv, place) {
//load google maps
}
$(".localize").click(function(){
place = ...
lat = ...
lng = ...
mapDiv = $(this).parent().find(".map_canvas");
mapDiv.slideToggle(300);
t=setTimeout("mapInitialize(lat, lng, mapDiv, place)",350);
});
т.е. когда я нажимаю на кнопку (класс «localize»), slideToggle (метод) вызывается для держателя карты (mapDiv), а затем, под кнопкой, карта загружается в нее без проблем. Когда я снова нажимаю кнопку, div закрывается, и все в порядке.
Проблема в том, что когда я делаю это в Firefox (3.6, 4, 5), когда я нажимал кнопку, чтобы закрыть div с картой, div закрывается, но есть пустое пространство с widht и высотой ранее закрытого mapDiv под кнопкой. Там не должно быть, все должно вернуться в предыдущее состояние, то есть элементы div должны быть ниже друг друга без лишних пробелов между ними.
Вы можете проверить, о чем я говорю, по адресу http://hratpoker.sk (или http://hratpoker.sk/test2.html, где используется только необходимый код), когда вы нажимаете кнопку увеличительного стекла.
Отлично работает в Chrome, Opera, IE8, IE9, проблема только в Firefox. У вас есть предложение, почему? Заранее спасибо!