Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
svphotograph

click to reveal or see more

Question

Hi there!

Just wondering if anyone could help in regards to making a collapsible "click to reveal" type of text on this page for the text that isn't in bold font.

Just to make the page easier to read and hidde some part for the one who are rushed :

www.svphotograph.com

Thanks

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

I think I just did this to my site. Not trying to plug my site but take a look first to make sure that the About section on this landing page is what you are trying to do.

www.showmemerchants.com/holidaybusinesscashadvances

 

If so, these are the steps:

 

  1. Add in a Markdown element
  2. Insert your text to match this format:

    ### +**Title **
    ----------------------------
    Write something pretty

    ### +** Second Title **
    ----------------------------
    Write something pretty

    (## works as well, depends on which font/size you want)
     
  3. Open the page settings and go to advanced
  4. Insert this script
     

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script>
    $(document).ready(function(){
    $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer');
    $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
    $(".markdown-block .sqs-block-content h3").click(function() {

    $(this).nextUntil("h3").slideToggle();
    $(this).toggleClass('ui-closed ui-open');
    });
    });
    </script>

     

  5. Enjoy! 

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...