Elementor accordion closed by default using Javascript & CSS
- MultiWebPress
- July 20, 2022
- No Comments
How to close the Elementor accordion automatically (by default)?
To make the Elementor accordion closed by default, write the following custom script:
<script>
jQuery(document).ready(function($) {
var wait = 50; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, wait);
});
</script>
You can copy & paste the above exact code into your Elementor page and before the accordion widget. Drag & drop an HTML widget on top of the accordion and paste the above code. See the screenshot below:
METHOD 2
.elementor-accordion > div:first-of-type { display:none;}
- How to create responsive image gallery using html and css?
- How to create footer in pure Html & CSS?
- CSS Stroke Animation | Animated Text Background With CSS Stroke | Pure Html & CSS
- Typing Text Animation CSS | Typewriter text effect CSS | Pure HTML & CSS
- How to install Bootstrap using CDN Link and Compiled bootstrap CSS manually?
SHARE
WhatsApp
Facebook
Twitter
LinkedIn
Telegram
Categories
- Recommended Posts (17)
- HTML & CSS (15)
- WordPress (10)
- CSS Buttons (3)
- Navigation Bar (2)
- Social Media Buttons (2)
- Templates (2)
- Footer (1)