Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 25, 2015 at 9:27 am #492704
    haydenkirk

    Hey guys.

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

    View post on imgur.com

    August 26, 2015 at 6:56 am #493316
    haydenkirk

    bump :0

    August 27, 2015 at 11:43 am #494038
    Andy

    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

    August 29, 2015 at 6:40 am #495185
    haydenkirk

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

    August 30, 2015 at 11:20 am #495440
    haydenkirk

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

    August 31, 2015 at 2:18 pm #495795
    Rikard

    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

    September 1, 2015 at 2:25 pm #496404
    haydenkirk

    sure. see in this post

    the accordions are on the portfolio pages.

    September 2, 2015 at 1:32 am #496796
    haydenkirk

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

    September 2, 2015 at 12:47 pm #497028
    Ismael

    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

    September 2, 2015 at 2:41 pm #497132
    haydenkirk

    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 10 years, 2 months ago by haydenkirk.
    September 3, 2015 at 8:12 am #497529
    Ismael

    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

    September 3, 2015 at 12:42 pm #497585
    haydenkirk

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

    September 3, 2015 at 6:21 pm #497883
    Yigit

    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

    September 4, 2015 at 12:49 am #498096
    haydenkirk

    Thank you all working.

    I really appreciate your help with this one.

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