Jump to content

Toggle Content Not Displaying Content

Recommended Posts

Site URL: https://kanaree.io/new-page-3

I have been following this post here and have seen multiple other users get it to work https://www.spacetutorials.com/toggle-button-for-content. I have grabbed a random block from the home page but the content never displays the block even thought all the CSS and JS look like it is working?  

Here is an example of how I set right now for the default block. I have tried a bunch of different ways of referencing the blocks but nothing makes it render? 

<script>
$('.button-left').ready(function() {
    $('#block-yui_3_17_2_1_1609025726286_281').show();

Link to comment
  • Replies 7
  • Views 520
  • Created
  • Last Reply

You mention following a thread but without the context of that thread I'm confused.

Could you share a link to the thread you mention or post this message as a follow up to that thread?

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Thank you Creedon that was it. Now I can start tweaking it. The blocks have to be on the same page it looks like. The actual transition is a little funky but might be able to work through that. Going to try with our pricing cards and see if I can get that to work.   

Link to comment

@Kanaree Hi. I see this page on tablet doesn't look good. You can stacked them, or make text size smaller.

https://www.kanaree.io/product

/* Tablet pricing table */
@media screen and (max-width:900px) and (min-width:641px) {
/* plan name */
section#pricing-submod .image-title * {
    font-size: 20px;
}
}

image.thumb.png.0d3f1885655a460894269171fd3d66ec.png

Similar on pricing page

https://www.kanaree.io/pricing

and this page

https://www.kanaree.io/chrome-extension

/* chrome extension table */
@media screen and (max-width:900px) and (min-width:641px) {
/* table width */
div#page-5f6fb5f616ffd844a3be08b0 .span-4 {
    width: 50%;
}
/* remove blank column */
div#page-5f6fb5f616ffd844a3be08b0 .span-2 {
    display: none;
}
}

image.thumb.png.9bd81b60d271c23eb065195514a338a2.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.