Collapsible articles

Hello,

Is there any way to have the first item activated (tab open) when using the collapsible articles in the mobile menu?

Could You please post an url to your site where you would like to have this behave?

Hello...

URL is www.t-image.com.au

on the mobile menu, i'd like the first tab to be expanded on load... just to make the page a bit more interesting...

Thanks

Bevan

Any ideas on this?

Sorry for late repaly. You need to modify one javascript file:
templates/gk_coffe/js/mobile/gk.iphone.js
modify it on almost the end so it looks this way:

Code: Select all

   if($('.gkCollapsible').length > 0) {
      $('.gkCollapsible').each(function(i, el) {
         $(el).bind('click', function(){
            var toggled = $($('.gkFeaturedItem').get(i));
            if(toggled.css('display') == 'none' || toggled.css('display') == '') {
               $($('.gkFeaturedItem').get(i)).css('display', 'block');
               $($('.gkToggle').get(i)).attr('class', 'gkToggle hide');
            } else {
               $($('.gkFeaturedItem').get(i)).css('display', 'none');
               $($('.gkToggle').get(i)).attr('class', 'gkToggle show');
            }
         });
         
         $('a',el).bind('click', function(e) {
            e.preventDefault(); // disable links on toggler
         });
      });
   }
   $($('.gkFeaturedItem').get(0)).css('display', 'block');
   $($('.gkToggle').get(0)).attr('class', 'gkToggle hide');
});

function setCookie(c_name, value, expire) {
   var exdate=new Date();
   exdate.setDate(exdate.getDate()+expire);
   document.cookie=c_name+ "=" +escape(value) + ((expire==null) ? "" : ";expires=" + exdate.toUTCString());
}


Thank you!!!

That works perfectly!

Ok, if you will have any other questions regarding this topic - please ask.