No focus on opened accordion item

Hi @forbi70,

Apologies for the delayed response. Hope you are fine.

The title background active color and the Multiple opening together options are not available in the current lite version of the plugin. The title background active color can be achieved by tweaking the custom CSS. Please add the following CSS to the plugin’s custom CSS field.

We have noted the Multiple opening together option to add on the lite version as well on our plugin development roadmap. If it seems logical then it will be included in the future version of the plugin.

.ea-expand .ea-header {
background: #46c3c3;
}

[Note: Use your desired color code.]

Hope it will work. Thank you.

Hello @bayejid00,

thank you for your answer, but I think you might have misunderstood my question. I don’t care about the color of the active headline. By the way the option “Multiple Opening Together” is working in my installation, too.

My problem is that I want the single opening, but when I open the next accordion item it jumps far over the top of the page so that the content is only readable when scrolling to the header. I expect a new opening item to position at the top of the page, so that I can read the content from the beginning, without scrolling. That’s what I meant with “focus”.

Best regards,
Forbi

see here: https://div.forbi.net/bf/EasyAccordion_no_focus.png

Hi @forbi70,

Thank you for explaining. By adding the following PHP code in your current theme functions.php, you can fix this scrolling position like the screenshot.

// Scrolling position for Easy Accordion
add_action( 'wp_footer', function () { ?>
<script>
    (function($){
        $(document).on('ready', function(){
            $('.sp-ea-single>.ea-header a').on('click', function(e){
				e.preventDefault;
				var $this = $(this);
				setTimeout(function(){
					var targetTop = $this.offset().top - 150 + 'px';
					$("html, body").animate({ scrollTop: targetTop }, "slow");
				},  500);
            });
        });
    })(jQuery);
</script>
<?php },99 );

We have noted it in the development roadmap, if it is feasible, it will be included in the future version.

Let us know if the issue gets resolved or not.

Hi @bayejid00,

thank you very much for the quick fix! It does work, see my test page: https://lederfuesse.de/accordion-test-page/

I adjusted the offset from 150 px to 120 and changed the animation speed from “slow” to “fast”, so it rather meets my needs.

Thanks again for your support!
Matthias

Hi @forbi70,

Yes, it is working at my end too. If you like our plugin and support, feel free to share your experience in the review section.

Have a nice day!