Jump to content

show/hide 7.1

Recommended Posts

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

Edited by akytogo
put in current code
Link to comment
  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...

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.

Edited by RolandFuseHub
New URL

I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10.

Link to comment
  • 1 year later...
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

I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.