Need help making Accordian work in...

User 434929 Photo


Ambassador
938 posts

when I post it in forum it corrects the quotes around the selector $( “#accordion” ).accordion();

there was problem with quotes and none of your elements inside the container.
Guys at coffeecup are awesometacular.
User 187934 Photo


Senior Advisor
20,266 posts

Here's another version that gives you more control.
http://ericrohloff.com/coffeecup/ccforu … ordion.zip
You can see it working here.
http://ericrohloff.com/coffeecup/ccforu … accordion/
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 2744602 Photo


Registered User
162 posts

Mansour ... wrote:
Piet none of your elements inside the container
Try this now
http://demo.coffeecup.com/storage/zip/accordion.zip

This is the script you use in footer.
<script src="js/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
==================

there is a problem with your script , can you see the differences?
<script>
$(function() {
$( “#accordion” ).accordion();
});
</script>

I am using this one, works perfect in all browsers so far! Thanks Mansour!
KISS is the key!
User 2798098 Photo


Registered User
5 posts

Whoah! Such luxury, such opulence, such wealth of great help and excellent advice!
Thanks very, very much everyone. Much appreciated.

_

User 2514104 Photo


Registered User
43 posts

Been reading this thread with interest.

I can create the accordion all OK and it works great on mouseover or click - but I have a dark background on the screen and have been unable to work out how to set the background-color attribute for the accordion elements - collapsed and expanded.

Any clues anyone??

Thx in advance
Regards
Peter
User 187934 Photo


Senior Advisor
20,266 posts

Hi Peter.
Can you share a link to your page?
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

Peter, is this jquery? If so, open your jquery-ui.css. At the top there is a 'mile long' url to where you change the colours. It's commented out, so obviously it is grey.
You need to download the new css file afterwards.
Ha en riktig god dag!
Inger, Norway

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



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.