Home/ Questions/Q 6127709
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T16:32:34+00:00

I have a google map and is not displayed properly. To see what I’m

  • 0

I have a google map and is not displayed properly.
To see what I’m talking about check this LINK

and click on the 2nd tab.

The map is inside a jquery accordion and if I remove the accordion the map is displayed properly.
This is the javascript code I’ve used: 

    <script type="text/javascript">

$(document).ready(function(){

//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide(); 

//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$("h2.trigger").click(function(){
    $(this).toggleClass("active").next().slideToggle("slow");
    return false; //Prevent the browser jump to the link anchor
});

});

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    maybe try validating your html

    <body> 
<h2 class="trigger"><a href="#">Availability</a></h2> 
<div class="toggle_container"> 
    <div class="block"> 
      <div id="frontend-container"> 
                <div id="frontend"></div> 
            </div> 
        </div> 

    </div> 


</body> 
</html></div>       </div> 


    </div> 

    <div class="box-b1"> 
        <div class="box-b2"> 
            <div class="box-b3"></div> 
        </div> 
    </div> 

</div>              

    </div> 

</div> 
</body> 
</html>

    what’s going on here?

    </body> 
</html></div>       </div>
    • 0