I have created 3 node and embedding the iframe provided by google map. Then I am using the views accordion to show these content as accordion. But only one content is showing the map rest are not showing anything when I click. Any one have idea how to show please help me out.

CommentFileSizeAuthor
accordion_problem_with_google_map.png107.43 KBrishikant05
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

babusaheb.vikas’s picture

babusaheb.vikas CreditAttribution: babusaheb.vikas commented

Hi Rishikant,

To make full Google embed map visible in views accordion, you can use this JS.

jQuery( document ).ready(function() {
   var googleIframe ="";
   jQuery('.ui-accordion-header').click(function() {  
     var arial_controls = jQuery(this).attr("aria-controls");
	 arial_controls = "#" + arial_controls + '  iframe';
         googleIframe = jQuery(arial_controls);
	 googleIframe.attr('src',googleIframe.attr('src'));
   });
});

Hope this will help you.