Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'accordion'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I discovered that Squarespace doesn't have any accordion/toggle styling that can be used for FAQs, etc. I was directed to come here and ask how to do it. I was hoping to have something that looks like this (see attached image).
  2. Site URL: http://www.usstudbook.squarespace.com Pass: duende My site is for animal breeding sales. I want to have tabs connected to a project for each stallion in which tabs are about (text) breeding (image plus text) and 2 separate galleries. The product page is the only way I can have searchable tags etc. So I need to be able to make my product pages similar to a regular page, in which I can add tabs that connect to a project. Any ideas? Ive paid 3 designers and all 3 failed to do any work so I am out THOUSANDS and stuck doing this alone. Any detailed help appreciated!
  3. Greetings all, Is there any means to do an accordion/toggle style for FAQs or other drop-down content? they all seem to require the css/code insert - so this would only be accessible if you are on a business plan or higher. thoughts, as this is already over budget? thank you B [ avenue template ]
  4. Looking to find coding to have a multi-layered accordion dropdown in my FAQ. + Heading 1 (question 1 and question 2 are housed in this heading and then each question can be dropped down as well) + Question 1 Answer + Question 2 Answer
  5. Site URL: https://onion-guitar-w3xs.squarespace.com/ Password: peanutsandpomelo I am a complete novice at coding but have managed to add dropdown accordions to the additional info of the products in my shop. However I want them to align with the header, product info and 'add to cart' button but currently they are in really random positions. If any-one can help with this I would be super grateful! I currently have this code added into the additional info section of the product: <p><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs
  6. Hi There, I am new to Squarespace, but have worked in a lot other platforms and have coding experience from 10 yrs ago. So needless to say I am a little rusting in the coding department. I am looking for some coding help on getting my sites navigation drop down box to fit with the text; align with main folder and wrap sub nav titles. In my screenshot the box should align with top navigation link. Here is the code I have used: /* Change dropdown menu background */ .header-nav-folder-content { background: #F3F3F3 !important; font-size: 15px; } /* Align left dropdown */
  7. Site URL: https://smithereen07.com/shop/p/sulvam-ss19-raw-hem-contrast-stitched-blazer-jacket I don't have coding experience but I managed to add expanding sections in the additional information by adding the code below. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").cli
  8. Hi, I have added code to a page in the 'page header code injection' section to add a dropdown/accordion for a product on my website with a markdown block, but I can't figure out how to insert a table to appear after clicking on one of the headers in the accordion. I can't provide a link to this part of the website because this section is not ready to go live.
  9. I've seen dozens of posts about disappearing images, and haven't seen an actual solution for it. I reached out to the support team for help. They said that they can replicate the issue, but since our images are in Markdown blocks, the issue is out of their scope and I should post here. Based off all the other posts here on disappearing images, I'm not convinced it's Markdown related. The images are always fine for awhile, then just randomly disappear. Anyone possibly have any ideas? This has happened a few times now. Thanks!
  10. Hey there, thanks for helping me out! I saw many people had this issue, but though reading the comments it did not become clear to me which solutions worked. -for me nothing worked- I am trying to achieve the following: - Creating accordions in the product description (similar to here: https://www.net-a-porter.com/en-us/shop/product/philosophy-di-lorenzo-serafini/double-breasted-houndstooth-cotton-blazer/1299457) --> they should come right after the product description, before size selection (it is important though that this also looks proper on mobile). - These accordio
  11. Site URL: https://www.erheer.com/shop/ariel Hi Squarespace Wizards, I am trying to install a dropdown accordion in the description of a physical product. Unfortunately Squarespace doesn't have the option to add a markdown box in the description of a product(screenshot 1). I have add the code block and the markdown box in the additional Info (screenshot 2) but that shows at the end of the page after all the product photos at the moment. I'd like the dropdown to be a part of the product description itself (screenshot 4) and not at the end of the page. Any assistance would be g
  12. Site URL: https://www.studiobutch.com/about I've created a few markdowns on my site, and every few times the site is loaded both on desktop and mobile the markdowns are showing up fully expanded. This issue has happened for devices that have accessed the site in the past, as well as devices that have not accessed the site, and so it's apparently not any type of cache issue. Is this something others have experienced? Is there a known issue or solution? Below is an example of how one set of markdowns should appear (with a +/- button) versus how it's loading at times--essentially just a text bo
  13. Site URL: https://thepointsguy.com I'm wondering how to realize a click function that the text will collapse from the left to right? the example will be like the website https://thepointsguy.com upright corner "US" Thanks
  14. Hi, there are a lot on accordion tab solutions on squarespace 7.1, I'm wondering, is there any solution for the expandable/collapsed text but open/close horizontally, it could be similar to accordion but collapse from left to right? thanks.
  15. Hello, I'm having issues with my accordion text default opening when loading the page before closing. Ideally I'd like it to default close on page load. Any ideas? Here's the page header code I used: <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).nex
  16. I've used accordions for FAQ's in the past and it works ok with just text. Is there a way to add text blocks, image blocks, spacer blocks, etc. to an accordion (OTHER than with manually coding the markdown block)? I have several pages, all of which need accordions, and many of the individual accordion sections have different types of content in them (text, images next to each other). It's taking a long time trying to manually code all the html and css with divs, etc. and I'd like a way to simply add blocks to each accordion section as needed. Suggestions are much appreciated!
  17. Hi, I have some questions around padding for version 7.1: How do I reduce the space between the site header and my product? How do I reduce the space between Quantity and Add to cart? I'd also like to move up the drop downs I created of 'ingredients' and 'instructions' under product additional information to be in line with the product description instead of having it distinctly below. Thank you so much for the help!
  18. Site URL: https://theprplab.com/shop/hair-growth-routine-for-men Hey Guys :-) I need code injection to make dropdown options on product description please. I have created the markdown, just need coding for dropdown to work on product description. If you click on URL, the positioning is correct, just needs to dropdown. Thanks in advance!
  19. Is there a way to add an accordion to a shop - so each category is expanded to view/ select the products within? I've found both FAQ expanding code and how to add accordions within the product page itself but I can't find a way to create one for shop categories or include products within the code blocks as a workaround. Does something like this exist? Thanks so much! 🙂
  20. Specifically, I'm using Aviator and on my services page I have a lot of entries that are service name with explanations underneath. I'd like the explanations to be hidden initially so visitors only see the list of services. Then they would have the option to expand the explanations under the services they want to read more about. For example Service Name (visitor would click name to open text underneath)[explanatory text here would remain hidden until user clicks service name, then expand to be read] Is there any way to do this?
  21. Hello, I'm trying to add an accordion/dropdown to a website (it's still in trial at the moment so can't share web link). It is going to be used on a page showing the team of a company, so within each entry it also needs to include a picture of them. I have used the standard markdown used for an accordion, which by itself (without an image in it) works fine. I have then used an HTML image reference within it, and when it does this, only the first name appears. And when it is opened/clicked, the next name then appears below it (and so forth). But then when you close the top name, they
  22. Site URL: https://www.pentagoninsight.fi Hi! Can anyone help: How to get dropdown accordions to close automatically, when another is opened? This is the website: https://www.pentagoninsight.fi
  23. Site URL: https://www.homesforintegrativewellness.com/ Hi! I am struggling with my +Read More button on my Bio under "Our Team". The dropdown only works when I refresh the page and when my cursor hovers over it, it shows up as a question mark. My business is recovery housing for young adults struggling with mental health and substance use disorders and I am trying to go public ASAP because of the surge in relapses and overdoses due to the feelings of isolation during the pandemic 😕 Please help me if you can!! Email is keith@homesforiw.com if thats easier to c
  24. Site URL: https://www.teambrightside.com/donate Heya Gang - Working on a simple, short and sweet accordion for some FAQs for my charity. (See website.) My issue is the weight of the text. I've put it in H3, as H4 gets heavier. H2 is also too big and overpowers the text next to it. What I want to do is have the text of the accordion be my simple paragraph text, just italicized. Here is my code: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content
  25. Site URL: https://millimetrearchitecture.com/legal-stuff hi All, I install a code block : <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script> and mark down to inser
  • Create New...