There are two ways to do this:
CSS
Add the following CSS to the Advanced Settings Main Element of the first accordion item. This should be an ’empty’ item which will not be displayed at all:
display: none;Code language: HTTP (http)
jQuery
The alternative is to add the following jquery to a code module on the same page or to the footer.
<script>
jQuery(function($){
$('.et_pb_accordion .et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');
$('.et_pb_accordion .et_pb_toggle').click(function() {
$this = $(this);
setTimeout(function(){
$this.closest('.et_pb_accordion').removeClass('et_pb_accordion_toggling');
},700);
});
});
</script>Code language: HTML, XML (xml)