Guest Posted March 10, 2016 Share Posted March 10, 2016 Hi Guys - Got a bit of a problem... I'm using the code above and everything is working perfectly for me in the admin pages and the accordion is working exactly as it should. However, the accordion does not work on the live site. I have spoken to Square Plugin Support who provided the code and they are unable to fix the problem. I have spoken to Sqaurespace Support and they cannot offer any help on any 3rd Party code. Do you have ANY ideas why it would be working on the admin pages but not on the live site? Link to comment
Guest Posted March 10, 2016 Share Posted March 10, 2016 Hi Guys - Got a bit of a problem... I'm using the code above and everything is working perfectly for me in the admin pages and the accordion is working exactly as it should. However, the accordion does not work on the live site. I have spoken to Square Plugin Support who provided the code and they are unable to fix the problem. I have spoken to Sqaurespace Support and they cannot offer any help on any 3rd Party code. Do you have ANY ideas why it would be working on the admin pages but not on the live site? Link to comment
eshouff2 Posted March 29, 2016 Share Posted March 29, 2016 @akshat01 I have pasted the two HTML codes like you said, but it is not working for me. The questions and answers appear but the accordion feature is not there. I've pasted what you said in the header and also formatted the questions in the style you say in a code block. I'm also using Five. Any idea what it could be? Elissa Link to comment
eshouff2 Posted March 29, 2016 Share Posted March 29, 2016 @akshat01 I have pasted the two HTML codes like you said, but it is not working for me. The questions and answers appear but the accordion feature is not there. I've pasted what you said in the header and also formatted the questions in the style you say in a code block. I'm also using Five. Any idea what it could be? Elissa Link to comment
LazloJamf Posted May 15, 2016 Share Posted May 15, 2016 Thanks so much for this code. I'm having difficulty getting it to work properly. It looks great in the editor. But through the live site the code doesn't work and acts like normal HTML. I'm using the Farro theme. Link to comment
devonstank Posted May 27, 2016 Share Posted May 27, 2016 There are many solutions out there (some good and some bad), but you'll need to do some Googling to find them. Basically, you'll need to Have some JavaScript run under the code injection section to manipulate some HTML within a code block. This feature is typically called a drop-down accordion. Devon Stank @ Devonstank.com (Squarespace Tips & Tricks) Link to comment
Justin Posted June 27, 2016 Share Posted June 27, 2016 Hello @luckydx302, Please refrain from self-promotion without providing a solution to the question. This goes against the Squarespace Answers posting guidelines. We have gone ahead and removed the posts that violate these guidelines, which can be referenced here. Thank you. Link to comment
bgwilkins Posted July 14, 2016 Share Posted July 14, 2016 Irosen - were you ever able to solve the heightStyle problem? Link to comment
sdennis Posted August 17, 2016 Share Posted August 17, 2016 Him how can we add images and or videos in accordion faq? Code works great but dont want just text Link to comment
Nick_Oggy Posted August 26, 2016 Share Posted August 26, 2016 @akshat01 Great code, really easy to use but how can I change the theme to match my site (www.oggyoggyteam.com) ? I'm using the Bedford template I have been playing around with some code but I can not get the effect I want. I have been mixing: - Placing this in my header code section: With: ( as a page code injection block) Read more <div> <p>Test text d;oakfgjadsofjh ;oih pfdi aogi pih dokg [diajfg sd' jz[ijv 'dlm 'zpdogj [fd0 zdkjv [fi jbds j'dfjf [i jdkjg sfij[apovj 'zpdj ij[j 0 08u [pojfd[dsij df jds g;oidshgpsig js[dijg s sd[sijg [fsi jg[sijg p9sdij poiudhfgp9sih g[sdijv 9[s8nug v[ isd jg[0</p> </div> With :- Link to comment
Guest Posted November 18, 2016 Share Posted November 18, 2016 This doesn't seem to be working for me...it just appears as normal with no accordion. Link to comment
ospr Posted November 25, 2016 Share Posted November 25, 2016 @Akshat01 This is amazing - thanks for sharing! Sorry to be a pain, but do you know what I should enter into the CSS to change the font of the text in the hidden answer areas? It's appearing as a different font to the normal font for the rest of the site, but I don't know enough about CSS to know what the code should be. Link to comment
raydmurphy Posted March 19, 2017 Share Posted March 19, 2017 I've run into 2 problems regarding this:1. I have a paralax image that comes after this block and it will not show until I expand the text. It seems to be compensating for the full length once the text block is revealed. I end up resizing the window and it refreshes itself, but this is not ideal.2. When I go to another location on my site then come back to the page with the expandable text blocks they no longer have the expandable capability, and all of the concealed text is actually visible! Like there wasn't even the concealment to begin with. Do you know why this might be the case? Link to comment
Arran Posted March 24, 2018 Share Posted March 24, 2018 Hello @Akshat01 I have recently used this code on my page and it works beautifully but now I want to have the answers indent a little to align with the text rather than the + and I would also love the links in the text to open in a new window but that option doesn't appear. Do you know how I might do that? Thanks! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.