Accordion in RSD

User 2815606 Photo


Registered User
55 posts

I am trying out different query script items on a RSD test page.

I have followed the instructions for the accordion, adding all the files and inserting the header script, etc., but I cannot, for the life of me, get the it to work in RSD. All I get is the headings and the text as static items; there are no jquery-ui icons displayed (even though I have downloaded these from the web), and the animation does not work.

Do you have any pointers for me please?
User 187934 Photo


Senior Advisor
20,266 posts

Hi David,
Can you share a link so we can see it?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

Sounds to me that you have forgotten the jquery initialization script. Have you got this line somewhere:
<script>$(function(){$("#accordion").accordion({collapsible:true,active:false})});</script>

You can drop this bit:
,active:false
if you want one of the fields to be open when loaded.

Oh, and if you do use this active bit, remove the dash from the code, not ac-tive, but active.

And one more thing: you need to preview it in a browser, not in RSD.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2815606 Photo


Registered User
55 posts

Hi,
Thanks for getting back to me. No, Eric, I don't have a link. Is there anything else I can show?
Inger, I have the script in the header.

User 2815606 Photo


Registered User
55 posts

Just to let you know, I have followed Manseur's excellent video on the subject - to the absolute letter - and the accordion jquery still stubbornly refuses to work for me!
All I get is the static elements, i.e., the buttons and paragraphs staring back at me and refusing to animate.

I have put the links in the header, and, or footer. I have linked directly to CDN. I have downloaded and referenced all manner of jquery files ....... asll to no avail, accordion still refuses to work.

I must be missing something, but I can't figure out what.

I think I am going to give up trying to put jquery into RSD, it's too much bother.
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

Before you give up, could you zip up your .rsd file and post it here? If we can take a look at it, we may spot something that prevents it from working.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,266 posts

Here's a quick example.
I'm using some of the accordion's css that has been modified for styling.
http://progrower-rsd.coffeecup.com/accordion.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 434929 Photo


Ambassador
938 posts

If you are trying to build Accordion in RSD v1.5 you need to download jQuery manually, add to your resources folder and link it your html document since RSD v1.5 no longer provides / includes jQuery .

You can see in this demo how I download and link the jQuery within RSD.
https://www.youtube.com/watch?v=ObLBJhU-uyA
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.