lucylou12

Hi @Ziggy that's what I was thinking too, but that actually doesn't work because then there is a big gap between each accordion when they are not open. This is the code I used: <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> As in the attached picture, I thought it could work when I write the category without the #### but that doesn't work and the category get's hidden together with the answers. Thank you!!

Hi all, I made my expandable FAQs list in markdown, but I would like the questions to be categorized (as you can see if you expand it all). Anyone knows what to put in markdown so the categories don't get hidden when not expanded? Thank you!! https://daffodil-goldfish-8xw8.squarespace.com/faqs pw: 120896

@creedon Thank you so much for taking the time to help, really appreciate it! I was finally able to find the code you mentioned. Thank you again!

@creedon that's exactly how I need it, it looks great! I tried to delete all previous attempts, deleted the space bar too, but still can't seem to figure it out. This is the code I currently have injected in the header: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> window.Squarespace.onInitialize(Y, function(){ $('section.ProductItem-additional').appendTo('.ProductItem-details-share'); }); </script> <script> $(function(){ let searchBlock = $('#block-yui_3_17_2_1_1667740187384_689198') .attr('id', '') .addClass('header-search-bar'); /*Place Desktop Search Bar*/ $(searchBlock).insertBefore($('.showOnDesktop .header-actions-action--cart')); /*Create & Place Mobile Search Link*/ $(searchBlock).clone().addClass('mobile-header-search-bar').appendTo($('[data-folder="root"] .header-menu-nav-folder-content')); }) </script> <!-- Extra CSS Needed to center the Search Item--> <style> .showOnDesktop{ display: inline; align-items: center; } </style> <!-- Extra CSS Needed to center the Search Item--> <style> .showOnDesktop{ display: flex; align-items: center; } </style> Not sure what I'm still doing wrong, social sharing is on as well.

Hi, I'm trying to get rid of the outline "on click" in my search bar, tried multiple codes, but noting seems to be working. Anyone knows, how to get rid of it? Thank you so much! https://daffodil-goldfish-8xw8.squarespace.com/ Password: 120896

@creedon Hi, I think this should work. https://daffodil-goldfish-8xw8.squarespace.com/shop/p/milk-dip-cup-92wf6-3jpnx-ne7nk-fsk9a-by27b password: 120896 Thank you so much!

@creedon thank you! I've tried this code but it doesn't work for me, I still have to scroll down to see the accordion. This is happening only on the desktop, on mobile it's fine actually. Really not sure how to make this work

Hi guys, I'm trying to solve a similar issue. I would like the additional info to be moved right after the purchase button, without having to scroll down to see it. Would you mind helping me with the right code? I've tried the one here, but that made it very messy and moved the additional info all the way above. Thank you! https://daffodil-goldfish-8xw8.squarespace.com/shop/p/milk-dip-cup-92wf6-3jpnx-ne7nk-fsk9a-by27b password: 127620

Hi, sorry, I attached the link but seems like it's gone. Here you go: https://jellyfish-lute-n9k4.squarespace.com/shop/p/milk-dip-cup-92wf6-3jpnx-ne7nk-fsk9a Password: Glowbe123 Thank you!

Hi everyone, I'm facing an issue where I can't stick the accordion with additional info straight after the purchase button. I don't want to have the blank space there and would like it to be on the top as the customer scrolls down. Could you please help me out with the code? Thank you!