Home › Forums › WoodMart support forum › Tabs widget to be closed by default

Tabs widget to be closed by default

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 19, 2022 at 1:20 pm #414956

    wallopdesign
    Participant

    Hi, please can you help.
    I’m using a Woodmart tabs widget and I want the first tab content to be hidden by default.
    And then the content to appear when the tab is clicked.
    I’ve tried various scripts from the support forum and I’m almost getting there with variations of this:

    setTimeout(function() {
    var $tabs = jQuery( ‘.wd-tab-content-wrapper’ ).first();
    $tabs.parent().find(‘.wd-active.wd-in’).hide();
    }, 1000);

    Here the content is hidden by default but I can’t get it to show when the tab is clicked.
    Do you have any ideas?
    Thanks

    October 20, 2022 at 9:35 am #415193

    Luke Nielsen
    Keymaster

    Hello,

    Sorry but there is no option in Theme Settings available for that.

    It requires customizations and this is beyond our limitations and support policy.

    You can also reach out to us if you have any questions.

    Kind Regards

    October 20, 2022 at 11:33 am #415235

    wallopdesign
    Participant

    Ok thanks.

    If anyone happens to be reading.
    I have an inelegant solution.
    In the Tabs widget I add a dummy first tab that is empty.

    Then I hide the first tab with some custom CSS attached to the widget:
    .add-your-custom-class li:first-child {
    display: none;
    }

    As I say inelegant but seems to work for my setup.

    October 20, 2022 at 12:17 pm #415246

    Luke Nielsen
    Keymaster

    Hello,

    Glad that you have sorted this out.

    If there’s anything you need, please write me or another member of our help desk team.

    We’re here for you!

    Kind Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Tabs widget to be closed by default’ is closed to new replies.