click to reveal or see more

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

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!