Accordion

Resolved John
(@dv1961)

1 year, 5 months ago

I’d like to display an events list with all the items as individual accordions, I hope that make sense. So the title of each event would be displayed and the content would be revealed by opening the accordion. I’ve tried to use some code from codepen but it didn’t quite work. Has anyone managed this?

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

(@aprilschmitt27)

Not per Event, but per Event Category …for about 5 years I have used “WPBakery Page Builder” for accordion (plus many other) advanced layouts.

~April

Thread Starter

John

(@dv1961)

1 year, 5 months ago

Thanks, but I’ve discovered <details>. If you put something like this in the default event list format settings it works well

<details>
    <summary class="event-details">#_EVENTNAME</summary>
   <section>
		
			<div class="em-item-meta-line em-event-date em-event-meta-datetime">
					<span class="em-icon-calendar em-icon"></span>
					#_EVENTDATES
					<span class="em-icon-clock em-icon"></span>
					#_EVENTTIMES  
				</div>
				#_EVENTADDTOCALENDAR
</section>
<section class="em-event-content">
	#_EVENTNOTES
</section>

</details>

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

The topic ‘Accordion’ is closed to new replies.

Tags