Tagged: x
-
AuthorPosts
-
November 23, 2016 at 9:07 am #1268264
perfettcParticipantGood morning- I’m trying to use the accordion shortcode to contain one expandable accordion, but with multiple lines and links in it. The intent is for it to act as a “References” section at the end of posts. I don’t want multiple accordions (ie. Reference 1, Reference 2, etc) because it will look too busy.
If the accordion shortcode can’t do this, do you have any other suggestions?
Here is a site/example where they have one link at the end of the post that expands.
Scroll to the end of the article were you see a heading “References”. Then select the link which expands to show multiple lines of text.
http://www.precisionnutrition.com/will-a-high-protein-diet-harm-your-health
November 23, 2016 at 9:49 am #1268333
RupokMemberHi there,
You can use Accordion Element in Cornerstone or Accordion Shortcode. You can use single item to achieve this. If you don’t want to show the control after clicking once, you can hide the title with some CSS once it’s opened. If you need help on this, let’s setup the accordion, give it a custom class name using class field and update us with URL.
Cheers!
November 23, 2016 at 12:43 pm #1268526
perfettcParticipantI’m fine having the control show after clicking (doesn’t have to be exactly like that example). Do I still need some CSS in order to have multiple lines/paragraphs? If not, what syntax should I be using?
November 23, 2016 at 12:44 pm #1268528
perfettcParticipantAlso, I wasn’t planning on using cornerstone for post creations. Don’t want to be locked into a theme when it comes to posts.
November 23, 2016 at 12:51 pm #1268532
perfettcParticipantIt’s OK. I figured it out. Sorry for such a basic question.
November 23, 2016 at 1:03 pm #1268546
RupokMemberGlad that you figured it out already. Feel free to let us know if you face any other issue. We’ll be happy to assist you.
Thanks for using X.
Cheers!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1268264 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
