show/hide 7.1

Need to create a show/hide so the user can read more copy if they click on a +Read more.
I was able to do this in 7.0 but looks like it is no longer working for 7.1

Right now in the Design/CSS area 

.markdown-block p {
margin-left:0em;
}
.markdown-block .ui-closed:before {
font-family:monospace;
content:"+ ";
}
.markdown-block .ui-open:before {
font-family:monospace;
content:"- ";
}


In the code injections (on page/advanced) I have;

<style>
 a.product-title {
  pointer-events: none !important;
  }
 </style>

<script>
    $(document).ready(function(){
    $('.markdown-block .sqs-block-content h4').addClass('ui-closed').css('cursor','pointer');
    $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle();
    $(".markdown-block .sqs-block-content h4").click(function() {
      
      $(this).nextUntil("h4").slideToggle();
      $(this).toggleClass('ui-closed ui-open');
      });
    });
    </script>
 

on the page is a "markdown" module
#### READ MORE
lorem ipsum

You can use Accordion tab Plugin.

or free code from Codepen.

or use this free tool to add FAQ Accordion Dropdown.

Hi @akytogo, you can also try this plugin: https://www.sqsmods.com/expand-20 The biggest pro: you can develop a full 'section' to your liking - images/text/forms etc and hide it until you click Read More. The regular way via a markdown block is limiting because it is hard to include images and lay it out the way you want it.

@RolandFuseHub this link is dead, is this a plugin that is still available? 

23 minutes ago, MegPrax said:

@RolandFuseHub this link is dead, is this a plugin that is still available? 

Hi, that is an old post. We moved everthing to www.sqsmods.com where this and other plugins are available.

This particlar one can be found here: https://www.sqsmods.com/expand-20

Cheers

Roland