ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• April 7, 2014 at 9:24 pm #65127
  thms

  Member

  Post count: 5

  Hello,

  I’m trying to make a second tab “active” by default.

  I attempted to use the jQuery UI Active Option:

  $(‘#tabid’).tabs({active: index});

  and then put in what I thought should work for my site into the custom JS field in the theme options:

  $(‘.landscape’).tabs({active: 1});

  I’ve spent way too much time on guessing different permutations of JS code trying to make it work.

  It beat me down. hard.

  Can you provide the correct method of doing this?

  here’s the page where the Tab in question appears:

  http://bit.ly/1eacsrw

  Again, I’m hoping to make the second tab “active” when the page is loaded.

  Thanks.
  Tom

  April 8, 2014 at 4:48 am #65157
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please try to use this js

  jQuery( document ).ready(function() {
  setTimeout(function() {
  jQuery('.tab-content').find('.tab-pane').first().removeClass('active');
  jQuery('.tab-content').find('.tab-pane').last().addClass('active');
  jQuery('.nav-tabs').find('li').first().removeClass('active');
  jQuery('.nav-tabs').find('li').last().addClass('active');
  }, 1000);
  });

  Thanks 🙂
  With Best Regards
  Swift Ideas

  April 8, 2014 at 1:38 pm #65354
  thms

  Member

  Post count: 5

  Wow. Thank you so much Mohammad!

  I really appreciate the custom development.

  April 8, 2014 at 1:51 pm #65357
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome . I’m glad 🙂 that issue resolved .
  Thanks
  With Best Regards
  Swift Ideas

• Back to forum

  Posted in: Dante