Line breaks using accordions

Hi DJ … I saw a number of posts of yours on Twitter during wcsf, and thanks for the follow ??

Your code appears a little broken I’m afraid, I’m not 100% sure what you want to go where, so I’ll do my best to answer your question but if I’ve missed the point do say so…

The basic syntax is:

[accordions]
[/accordions]

around the whole thing. Then inside of that you want any number of individual [accordion][/accordion] tags. Each tag can have a title, and anything between the two tags will become content in the tag, e.g.

[accordions]
[accordion title="Boarch Chair: Alice Hoffert"]
<strong>Affiliations</strong>
Current: Greater Grand Forks Senior Citizens Center Board of Director
Current: LISTEN Center Board of Directors
Former UND Associate Vice President for Enrollment?
Former Grand Forks and East Grand Forks United Way Allocation Committee and University Coordinator
Former Pine to Prairie Girl Scout Council Board of Directors?
<strong>Motivation:</strong>
“Giving back to the community that has given so much to me and my family is a priority. The privilege of being part of the Sunshine Memorial Foundation allows me to actively contribute and aligns directly with this priority. It is exciting to be able to know that a hospitality home in Grand Forks is becoming a reality.”
email Alice
[/accordion]
[/accordions]

In the code you posted, “Alice Hoffert – Board Chair” is the content of the accordion and everything until the next accordion is not contained by an actual accordion shortcode, it’s just free-floating text which won’t behave as expected as the [accordion]...[/accordion] tag is what makes each individual accordion panel on the page.

Does that make sense? It’s a little hard to explain this stuff over a forum sometimes… If that’s not clear then send me another message and I’ll try again!

If core does indeed get the nice fancy editing interface Ma.tt was talking about in The State Of The Word then I’m sure it’ll be a lot easier to do this stuff in the future; I’d just create some sort of box in the editing interface that you can drag and drop into the editor which would massively simplify all this stuff. Until then though we have to make do with Shortcodes!

Thanks I figured I broke the code.

Still can’t figure out how to add line breaks inside of an accordion

I would like to put in a line break at the word “Motivation” – however if I do, it creates another accordion

the following is my code from https://sunshinememorial.org/accordion-test/

[accordions title="Board Members" disabled="false" active="0" autoheight="false" collapsible="true"]
[accordion] Alice Hoffert - Board Chair [/accordion]
<strong>Affiliations</strong>
Current: Greater Grand Forks Senior Citizens Center Board of Director
Current: LISTEN Center Board of Directors
Former UND Associate Vice President for Enrollment?
Former Grand Forks and East Grand Forks United Way Allocation Committee and University Coordinator
Former Pine to Prairie Girl Scout Council Board of Directors?
<strong>Motivation:</strong>
“Giving back to the community that has given so much to me and my family is a priority. The privilege of being part of the Sunshine Memorial Foundation allows me to actively contribute and aligns directly with this priority. It is exciting to be able to know that a hospitality home in Grand Forks is becoming a reality.”
<a href="mailto:[email protected]">email Alice</a>

[accordion]Bruce Gjovig - Vice Chair [/accordion]
<strong>Affiliations</strong>
Current: Director & Entrepreneur Coach and founding director of the Center for Innovation at the University of North Dakota, a program focused on innovation, entrepreneurship and private investment.
Current: CEO of the UND Center for Innovation Foundation which has raised over $28 M for two incubators, various endowments and to support programs. ??
Current: President of Bioscience Association of North Dakota
Current: President of the Delta Tau Delta Educational Foundation
Former : Chair of the North Dakota Museum of Art in Grand Forks
***In October 2008, Gjovig was knighted by King Harald V of Norway.
***In 2001, Gjovig inducted into the North Dakota Entrepreneur Hall of Fame
*** The Center and Mr. Gjovig have received eleven (11) national and international awards for excellence in entrepreneurship and innovation.
***In 2003, Gjovig was awarded the Entrepreneur Spirit Award and was named SBA Research Advocate of the Year for North Dakota, as well as the six-state SBA region for excellence in facilitating research with tech entrepreneurs (includes CO, UT, MT, WY, SD, and ND).
<strong>Motivation</strong>
“The Sunshine Memorial Foundation is providing an nonprofit opportunity for donors to build a first-rate hospitality home to serve hundreds of families in our region who are having a medical crisis. There is nothing more important than being close to a loved one in a family setting when there is a family crisis. We want to help these families that come from far and near. I like the entrepreneur aspect of the Sunshine Memorial Foundation, and I want to support Van Larson, his family and the board members in this social entrepreneur adventure. Our community and our medical services are going to greatly enhanced.”
<a href="mailto:[email protected]">email Bruce</a>

[accordion]Kenton McGregor - Treasurer [/accordion]
<strong>Affiliation?s</strong>
Current: CPA, Drees, Riskey & Vallager, LTD
Current: Grand Forks South Forks Lions Club - Director
<a href="mailto:[email protected]">email Kenton</a>
[accordion title="Rohinee Damle - Director"]Rohinee Damle - Director[/accordion]
<strong>?Affiliations</strong>
??Realtor, Greenberg Realty / Avid Volunteer and Fundraiser
?Current: Greater Grand Forks Symphony Guild
Current: Grand Forks Park District Foundation Board
Current: Community Foundation Board – Grand Forks
Former: Greater Grand Forks Symphony Board
Former : Grand Forks Choice Health and Fitness and Imagine Campaign Committee
Former: Chairperson and initial developer of the Harvest Gala for Altru
***2012 Awarded the Athena Leadership award by The Chamber Grand Forks
<strong>Motivation</strong>
“A few years ago my daughter, a young teenager was very sick, and was in a drug induced coma at the Mayo clinic for a month. I know from my own experience of staying at the Ronald McDonald House in Rochester how a hospitality home is essential in Grand Forks.”
“Convenience, Comfort and Compassion.”
<a href="mailto:[email protected]">email Rohinee</a>

[accordion] Dan Fabian - Director [/accordion]
<strong>Affiliations</strong>
Current: Minnesota State Representative, District 1A (Roseau, Kittson, Marshall and Pennington Counties). Elected 2010 and 2012.
Current: Self-employed crop hail insurance adjuster
Former Fitness and Health Teacher, Head Track Coach and Head Cross Country Coach for the Roseau School District (between 1976-2010)
<strong>Motivation</strong>
“It continues to be very rewarding to be a part of the Sunshine Memorial Foundation. The work that is being done to bring the proposed Sunshine Hospitality Home project to fruition will benefit many people from all over the region. A lasting legacy is being created!”
<a href="mailto:[email protected]">email Dan</a>

[accordion] Carma Hanson - Director  [/accordion]
<strong>Affiliations</strong>
Current: RN, Altru Health System/Coordinator of Safe Kids Grand Forks
Current: North Dakota Republican Party Vice Chairwoman
Current: Adjunct faculty member with the University of North Dakota, College of Nursing
Sigma Theta Tau Nursing Honor Society
<strong>Motivation</strong>
“Whether as a nurse, a mom or the Coordinator of Safe Kids, promoting health, wellness and safety has always been a passion of mine. Getting involved with the Sunshine Memorial Foundation was a perfect fit with my current profession and much of the work Safe Kids Grand Forks does around dehydration and other safety related topics. This desire to be involved was enhanced even more when the SMF took on the Sunshine Hospitality Home project. Over the years, I have worked with very tiny babies and seen how devastating it is for parents to have to leave their bedside because there was nowhere for them to stay or they could not afford accommodations on top of their expensive medical costs. I longed for a place that would offering the caring, compassion accommodations that were so vital to caring for the whole patient and their families. I am blessed to be a part of this organization that brings so many of my "loves and passions" to life!!
<a href="mailto:[email protected]">email</a>

[accordion]Randy Hatzenbuhler - Director [/accordion]
<strong>Affiliations</strong>
President, Theodore Roosevelt Medora Foundation. He has worked in Medora for 24 years. He is a graduate of the University of North Dakota and previously worked as a certified public accountant.
The Theodore Roosevelt Medora Foundation is a key player in the development and promotion of Historic Medora as North Dakota’s number one vacation destination. Over 3 million people have enjoyed a summer evening in the heart of the Badlands while attending the Medora Musical.
<strong>Motivation</strong>
“My interest in advancing the Sunshine Foundation is through a personal relationship with the founders, Van and Dee Larson. The story of their daughter’s tragic death and their family’s history of travel to Medora connected us and led to our meeting. I admire Van and Dee’s personal strength in dealing with their loss. Their desire to take this difficult life-changing event and make something good and positive come from it is more than I could imagine myself being able to do. It is inspiring.” 

[accordion]Donovan Larson - CEO/President [/accordion]
<strong>Affiliations</strong>
?Current: ICON Architectural Group
Current: North Dakota American Institute of Architects – Executive Committee Associate Director
Former Preservation North Dakota Board - Director
***Govenor’s Trustee – North Dakota State Historical Society
***1997 AIA North Dakota Special Recognition – Re-Imaging Downtown Greater Grand Forks
<strong>Motivation</strong>
“I greet each day knowing that my sister, Shannon, is looking down and hopefully I can do everything in my ability to make a difference in other’s lives. Moving the Sunshine Memorial Foundation forward helps me to bring awareness to her senseless death and make a meaningful impact in honor of her helpful and caring spirit.”

[accordion] Katie Langlie - ?Foundation Relations Coordinator[/accordion]
[/accordions]

Hi dj, you still have loads of content that is not contained by a [accordion] shortcode. ALL content needs to be inside of an [accordion][/accordion] block. So this is valid:

[accordions]
[accordion title="Acc 1"]Blah blah[/accordion]
[accordion title="Acc 2"]
Blah

blah

blah
[/accordion]
[/accordions]

But this is NOT valid:

[accordions]
[accordion title="Acc 1"]Blah blah[/accordion]
[accordion title="Acc 2"]Blah[/accordion]

blah

blah

[/accordions]

Note the two “blah” words are not enclosed by an accordion tag block and, as such, will break the layout. In your case

[accordion] Alice Hoffert - Board Chair [/accordion]

Is a valid accordion.

<strong>Affiliations</strong>
Current: Greater Grand Forks Senior Citizens Center Board of Director
Current: LISTEN Center Board of Directors
Former UND Associate Vice President for Enrollment?
Former Grand Forks and East Grand Forks United Way Allocation Committee and University Coordinator
Former Pine to Prairie Girl Scout Council Board of Directors?
<strong>Motivation:</strong>
“Giving back to the community that has given so much to me and my family is a priority. The privilege of being part of the Sunshine Memorial Foundation allows me to actively contribute and aligns directly with this priority. It is exciting to be able to know that a hospitality home in Grand Forks is becoming a reality.”
<a href="mailto:[email protected]">email Alice</a>

is all just random text that is not associated with any accordion, so it’s breaking the markup on the page. Putting a new-line in it doesn’t work because it’s not valid markup on the page. When you fix your code there shouldn’t be an issue with newlines any more.