Ситуация следующяя:
В аккордионе при экспанде должна подгружаться карта гугла,
пробовал вызывать функцию при изменении, но так как имя функций всегда разная то обробатывалось не коректно.

В данном варианте все работает после второго клика по h3 первый клик отображает с height проблемой - тоесть карта не открывается полностью, со второго клика все нормально.

Подскажите пожалуйста решение.

<script>
$(function() {
   $( "#accordion" ).accordion({
     heightStyle: "content"
   });
 });
var map, ren, ser;
var data = {};
function setroute(os)
{
var wp = [];
for(var i=0;i<os.waypoints.length;i++)
wp[i] = {'location': new google.maps.LatLng(os.waypoints[i][0], os.waypoints[i][1]),'stopover':false }
ser.route({'origin':new google.maps.LatLng(os.start.lat,os.start.lng),
'destination':new google.maps.LatLng(os.end.lat,os.end.lng),
'waypoints': wp,
'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
if(sts=='OK')ren.setDirections(res);
})	
} 
</script>

дальше циклично - данные в скрипт подгружаются из базы-это не важно:
<h3  onClick="submission_{global:submissionid}()">Section 1</h3>
<div>
<div id="mappy_{global:submissionid}" style="width:900px; height:550px;"></div>
<script>
function submission_{global:submissionid}()
{
map = new google.maps.Map( document.getElementById('mappy_{global:submissionid}'), {'zoom':12, 'mapTypeId': google.maps.MapTypeId.ROADMAP, 'center': new google.maps.LatLng({Start Latitude:value}, {Finish Longitude:value}) })
ren = new google.maps.DirectionsRenderer( {'draggable':true} );
ren.setMap(map);
ser = new google.maps.DirectionsService();
setroute(eval('({WayMapValue:value})'))
}
</script>
</div>