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. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. Site URL: https://manshaplan.com/business-planning https://manshaplan.com/business-planning password: password I created "read more" accordion style drop downs. They work great, but I wanted to know if there was a way to make it so only one drop down can be opened at a time. Example: if someone click "read more" on the far left button, didn't click "read less" therefore leaving it open, and then clicked and the centre "read more" button to expand that section, the left drop down would automatically close. Attached is a screen shot of the drop down section fro
  7. 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
  8. Site URL: https://www.statureclothing.com.au/apparel/tidal-flow Hello, I'm wanting to create accordion dropdowns on my product pages but have no idea how. I just need three accordions per product page. I've tried a few code injections from other forum posts but have had not luck. I'm using version 7.1. Would love some help - https://www.statureclothing.com.au/apparel/tidal-flow Thank you!
  9. Site URL: https://www.dietlind.net/clients Hi, I am trying to achieve an accordion effect when an image is clicked. For example, when the logo image is clicked in the below screenshot, it will trigger a dropdown of text. I am trying to do this instead of the "Learn More" text accordion. Is there a code I can use to make this happen?
  10. Site URL: https://hibiscus-amphibian-tl3g.squarespace.com/config/commerce Can anyone tell me how to add a read less link under the expanded text? The code I used is as follows: <!-- Dropdown Accordion Code --> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> Info is under additional information on the product tab. ### **+ Read More** Info
  11. Site URL: https://www.wavehygiene.com/multi-surface-sanitisation-cleaner Hey friends. I have searched through the forum and couldnt find anything on this... How am I able (if at all) to add code and markdowns (looking for accordion dropdown menu) on an image block (in this case, collage)? Is it possible? Any help would be super appreciated! Thanks!
  12. I'd like to add a dropdown accordion to my website FAQ style. When I try to add custom code and markdown block, I get this error from SquareSpace "JavaScript and iframe embeds aren’t supported in your plan. This code was removed from the block.". I have a personal plan. Is the only work around to getting this to work is to upgrade to the business plan? Thanks!
  13. I'm using Markdown to create an expanding accordion menu. When you first view the page, the text is hidden. You can click to expand a drop down accordion menu that displays nested text. The issue is that the expanded text messes up the way elements below it on the page display. It looks like the images and backgrounds below the markdown do not respond to the expanded text and remain in their initial position, but the text below the markdown does respond to the expanded text and moves further down the page. The result is that the text appears to overlay or overflow on top of the content beneath
  14. 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?
  15. Site URL: https://www.jsquarednaturals.com I'm looking for a way to add an accordion menu to a product page to create expandable drop-downs with additional information about the product. We're a candle and fragrance company, so I'd like to have the standard product details block, but then add an accordion menu underneath that allows consumers to get additional details, such as the fragrance notes, care instructions, etc. Currently that information is written out in the additional information block and it creates a somewhat cluttered space (see: https://www.jsquarednaturals.com/therapeutic
  16. Site URL: https://cat-wedge-xh9c.squarespace.com/programs I'm trying to create a list of the programs and services that we offer at the Community Center where I work. We're a small non-profit which is why I am doing 20 jobs and learning them as I go. I want two buttons to appear inside each accordion drop-down. One that says "Learn More" and one that says "Volunteer". I've figured out how to get the button in there. I've even figured out how to make it look decent, but it is changing EVERY link/button on my page when I do that and making them all look crazy. Here is the code I was using. I d
  17. Site URL: https://www.thisisaspace.net/database-/clothing Hello, I'm trying to build out accordion style text side by side for one of my page sections and when I just do so with just one, the code works fine but when I when I add the 2nd accordion style next to it, the text that is suppose to drop down when clicked on, stays open for both sections, if that makes sense. Please check URL linked to the page I'm talking about. https://www.thisisaspace.net/database-/clothing Thanks!
  18. Site URL: https://www.odysseyboxuk.com/shop/p/growth-goals-box Hi there, I would like to add an accordion menu to my site so that the headings in the description are collapsable.
  19. Can we add accordion to the Image Cards? I have attached the image below. The highlighted text should be in accordion. Can someone help?
  20. Hi I'm trying to create something like this: https://www.laserclinics.com.au/laser-hair-removal-prices If I place buttons next to each other, how do I add code to them so that a table like this can appear when each button is clicked.
  21. Site URL: https://basseducation.com The drop down menus are working beautifully but if the user leaves the boxes expanded, the text overflows into the next section. How can I tell Squarespace to expand the height of the page in question to accommodate the expanded accordian text? Any tips would be greatly appreciated! Not a coder but have built quite a few of my own (and friends) sites with Squarespace and know just enough to google solutions and implement them (usually). πŸ™‚
  22. I am looking to minimize the amount of space the text is taking up my allowing a few lines to be shown and have a "more" button to expand the text. Does anyone know how to do this?
  23. Site URL: https://www.harmoneywealthaz.com/services website: https://www.harmoneywealthaz.com/ourstory#anchor-harmoneydifference https://www.harmoneywealthaz.com/services I am hoping to add an element or some sort of css animation upon hover on the dropdown/accordion menu to show the user that the accordion is clickable. Has this been done before on squarespace? My mouse doesn't changer upon hover so the text doesn't appear to be clickable. @tuanphan
  24. Site URL: https://fifty-fifth.com/home-1 Hello! I'm trying to change the hover colour to the links inside my accordion drop down on this page (https://fifty-fifth.com/home-1). Anyone have any idea how to implement this using CSS or HTML within the markdown? I'm using a custom code box for the accordion and a markdown above it that contains all of the text HTML. Thanks!
  25. Site URL: https://www.newworldangels.com/portfolio I would like each of the images in the portfolio to open an accordion with more information. This expansion would have text and links. I've attached an image of what the structure ought to look like.
  • Create New...