easyJet contact number.Enjoy Free 888+200 Daily Legal Bonus

Resolved luisteixeira00
(@luisteixeira00)

1 year, 8 months ago
Hello, I have added an accordion, and for content type I have selected a template and it’s working fine.

What i’m trying to do now is have a button on the bottom of the template to close the accordion content.

I have added an elementor button with the id “close-content” and I was trying to use this piece of code that I found here, but I can’t seem to make it work.
```
jQuery(document).ready(function() {
    jQuery(".elementor-element-65723e9 .close-content").click(function() {
        jQuery("#close-content .eael-accordion-tab-title").click();
        return false;
    });
});
```
Can someone help me achieve this?

The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

Thread Starter luisteixeira00
(@luisteixeira00)

1 year, 8 months ago

The original JS code was by @abidhasan112, maybe you can help me?

Plugin Contributor robinwpdeveloper
(@robinwpdeveloper)

1 year, 8 months ago

Hi @luisteixeira00
Can you share a page url or screencast how you are planning to implement?

Page url might help to debug and propose a solution if possible.

Thread Starter luisteixeira00
(@luisteixeira00)

1 year, 8 months ago

Yes @robinwpdeveloper It was already in the end of the post but it is here: https://creatmarketingdev.com/barrilvillas/

There are 2 accordions, the first one is the one that says “MAIS INFORMA??O SOBRE O PROJETO” where I already have the button created.

Thanks for your help
Plugin Contributor robinwpdeveloper
(@robinwpdeveloper)

1 year, 8 months ago
I have tested on the console. Hope it helps.
Here is the code:
```
jQuery(document).ready(function(){
    jQuery('#close-content').on('click', function(){
	    jQuery(this).closest('.eael-accordion-list').find('.eael-accordion-header').trigger('click');
	});
});
```
- This reply was modified 1 year, 8 months ago by robinwpdeveloper.
Plugin Contributor robinwpdeveloper
(@robinwpdeveloper)

1 year, 8 months ago

Marking it as resolved as I see the button is working as expected in your website.

Feel free to comment if you have queries regarding the above code.

Thread Starter luisteixeira00
(@luisteixeira00)

1 year, 8 months ago

Thank you @robinwpdeveloper, it’s working!

One last question: is it possible so when it closes it scrolls up to the accordion header? Right now when it closes it goes down on the page.

Thanks for you help!
Plugin Contributor robinwpdeveloper
(@robinwpdeveloper)

1 year, 8 months ago
You may try below code.
It’s plain jQuery and you can customise as per your need.
```
jQuery(document).ready(function(){
    jQuery('#close-content').on('click', function(){
    	let tabTitle = jQuery(this).closest('.eael-accordion-list').find('.eael-accordion-header');
	    tabTitle.trigger('click');

	    jQuery('html, body').animate({
		    scrollTop: tabTitle.offset().top - 100
		  }, 1500);
	});
});
```
Thread Starter luisteixeira00
(@luisteixeira00)

1 year, 8 months ago

@robinwpdeveloper It’s working, thank you so much!

Plugin Contributor robinwpdeveloper
(@robinwpdeveloper)

1 year, 8 months ago

Happy to help.
A review might make me even happier ??

Here is the link: https://www.ads-software.com/support/plugin/essential-addons-for-elementor-lite/reviews/#new-post

Thread Starter luisteixeira00
(@luisteixeira00)

1 year, 8 months ago

Done!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Closing EA Accordion with a button click’ is closed to new replies.