Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #492704

    Hey guys.

    Is it possible to expand all Accordions on page load like below:

    View post on imgur.com

    #493316

    bump :0

    #494038

    Hey!

    please refuse from bumping into your own thread and refer to this solution: https://kriesi.at/support/topic/expand-all-accordions/#post-292026

    Best regards,
    Andy

    #495185

    That doesnt actually expand them. it changes to a minus but doesnt show anything. page is in private data

    #495440

    Just show you know what I mean, it’s expanded after inserting that code, but shows nothing.

    #495795

    Hey,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    #496404

    sure. see in this post

    the accordions are on the portfolio pages.

    #496796

    I should also add, I only want it to affect the portfolio pages. not sure if this is possible or not?

    #497028

    Hey!

    Please try this instead:

    function add_custom_script(){
    ?>
    <script>
    (function($) {
    	$(".toggler").addClass("activeTitle");
    	$(".toggle_wrap").addClass("active_tc");
    
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    Remove browser cache then reload the page.

    Regards,
    Ismael

    #497132

    That worked, thanks. Anyway to stop it affecting the main page, or make it only affect the pages i need (portfolio), maybe css class or something?

    • This reply was modified 9 years, 2 months ago by haydenkirk.
    #497529

    Hey!

    Turn on the custom css class field in order to apply a unique class attribute to a specific accordion element: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add the class selector in the previous code.

    Regards,
    Ismael

    #497585

    Thanks. Almost there. Added the css, but not sure what the code needs to be now? css is autoexpand

    #497883

    Hey!

    Please change the code to following one

    function add_custom_script(){
    ?>
    <script>
    (function($) {
    	$(".AutoExpand .toggler").addClass("activeTitle");
    	$(".AutoExpand .toggle_wrap").addClass("active_tc");
    
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    Cheers!
    Yigit

    #498096

    Thank you all working.

    I really appreciate your help with this one.

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘expand Accordions on load’ is closed to new replies.