Add a function to slidetoggle just when open

Question

Hi I just make a div that shows a Map on Google, where you set cordinates etc, anyway first problem was when animating height, the map inside have this problem on size :

how to deal with google map inside of a hidden div (Updated picture)

I fix it just like the first answer calling initialize(); in my slideToggle this fix the size issue.. The problem is that initialize(); takes the same time as the slideToggle so i lose the height animation, it just dissapear,

IS there anyway to tigger initialize(); just when slidetoggle Open the div?

<script>
$('.dropdownmap').click(function(){
    $('#mapDisplayWrap').slideToggle();
    initialize();
})
</script>

Sergio · Accepted Answer · 2013-09-13T18:09:20.747

Yes, slideToggle accept a function callback when the animation is complete.

.slideToggle( [duration ] [, complete ] )

Try this:

$('.dropdownmap').click(function(){
    $('#mapDisplayWrap').slideToggle(400,function(){initialize();});

})

if you want it to run just when toggle is open use this:

$('.dropdownmap').click(function () {
    $('#mapDisplayWrap').slideToggle(400, function () {
        if ($(this).is(":visible")) {
            initialize();
        }
    });
});

score 3 · Answer 2 · answered Sep 13 '13 at 17:58

3

IS there anyway to tigger initialize(); just when slidetoggle Open the div?

You'll want to use an animation callback that checks to see if the element is visible (just opened) and execute initialize if so.

$('.dropdownmap').click(function(){
  $('#mapDisplayWrap').slideToggle(function(){
    if($(this).is(':visible'))
      initialize();
  });
});

answered Sep 13 '13 at 17:58

Kyle

21,978
2
60
61

Thanks for all the answers this is awesome XD! – Moncho Chavez Sep 13 '13 at 18:02
Congrats on 10K! +1 to you – Sergio Sep 13 '13 at 18:08
2

@Sergio Ha! Thanks for noticing. +1 as well. – Kyle Sep 13 '13 at 18:09

score 1 · Answer 3 · answered Sep 13 '13 at 17:57

1

Add initialize as slideToggle callback:

$('#mapDisplayWrap').slideToggle(initialize);

answered Sep 13 '13 at 17:57

maximkou

5,252
1
20
41

Add a function to slidetoggle just when open

3 Answers3