Ticket: #54892 Status: OPEN Average Speed: 1.2 Days
public

Note: All average response time from this ticket will also be acquired by this person.

Cancel

“Possible to open toggle panels on page load?”

  • Daniel Cunningham

    Hi ThemeNectar, Loving the template so far, been a blast to work in! I was just curious if there was any possible way to keep the toggle panels open all of the time?

    So for example, say you have a page that has 4 toggle panels on it. When the user loads the page, the toggle panels are closed by default, and can be opened with a click.

    I'm wondering if it's possible to have them all already be opened when the page is loaded. Thanks, and again, great theme! Dan

    *edit* - formatting

    2:37 on May 17, 2013

  • I Am Nectar

    Hey Daniel!

    Open the init.js file located in the js folder and paste this anywhere after the first line:

    $(window).load(function(){
    	$('.toggle h3 a').trigger('click');
    });

     

    2:37 on May 17, 2013

  • Daniel Cunningham

    You are a scholar and a gentleman! I shall sing your praises from the mountain-tops! :)

     

    Thanks again! You're my hero!

    2:37 on May 17, 2013

  • I Am Nectar

    You're very welcome Daniel!

    2:37 on May 17, 2013

  • Shaun Burkowski

    What if you only want one of the toggles to be set to "open" and the others to remain "closed"?

    Also, is there a way to set the color of the closed toggles to something more colorful if you prefer not to use the gray? The open state used the accent color set in the theme as far as I can tell... but the default closed color is hard to see. I'd like to make it colorful and stand out if that's possible without editing the core files that might get overwritten when the theme is updated?

    Thanks,
    Shaun

    6 days ago on April 17, 2014 at 2:12pm

  • Shaun Burkowski

    Please disregard my question about the toggle bar colors I found the answer elsewhere in the forums and should have looked further before asking here.

    /* CSS for background color on toggle bar */
    div.toggle h3 a {
        background-color: #fff;
    }
    
    /* CSS for headline text color on toggle bar */
    div.toggle h3 a {
       color: #fff;
    }
    
    /* CSS for + symbol on toggle bar */
    div.toggle h3 a i {
        color: #fff;
    }    
    div.toggle.open h3 a i {
        color: #000;
    }

    However, please let me know if it's possible to set the toggle to an "open" state for one toggle but not all?

    Thanks,
    Shaun

    6 days ago on April 17, 2014 at 2:27pm

  • I Am Nectar

    Hey Shaun, sorry I got back with you about this on the comments first - but to reiterate, this wouldn't be possible without custom development but I've noted it for the wishlist.

    Cheers :)

    2 days ago on April 21, 2014 at 12:33am

Updating...