Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1268264
    perfettc
    Participant

    Good 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

    #1268333
    Rupok
    Member

    Hi 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!

    #1268526
    perfettc
    Participant

    I’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?

    #1268528
    perfettc
    Participant

    Also, I wasn’t planning on using cornerstone for post creations. Don’t want to be locked into a theme when it comes to posts.

    #1268532
    perfettc
    Participant

    It’s OK. I figured it out. Sorry for such a basic question.

    #1268546
    Rupok
    Member

    Glad 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!

  • <script> jQuery(function($){ $("#no-reply-1268264 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>