gkTogglers

On the homepage of this template, there is a section called 'Responsive Design'

The gkTogglers section always loads with the first 'tab' open. Is there a simple way to have all the 'tabs' collapsed by default? I would like it if when the page my page was loaded to have all of them closed and let the person choose which one to open and look at first. Is this possible without too much effort? I imagine it is just a simple change in the jQuery code, but I don't know anything about jQuery... Any suggestions?

Please open template/js/gk.script.js file and find this lines (168-171) :

Code: Select all

jQuery('.gkTogglers').each(function(i, element) {
      element = jQuery(element);
      elementsToAnimate.push(['toggler', jQuery(element.find('dt').first()), jQuery(element).offset().top]);
   });

and then replace it with :

Code: Select all

jQuery('.gkTogglers').each(function(i, element) {
      element = jQuery(element);
      
   });

Perfecto! Thank you.