Hi,
This is the website: coiffurestefan.be/wp
I’d like the “openingsuren” at the bottom to have the X when opened and the arrow when closed. How can I do this? I tried with CSS but it doesn’t work like I want it to be.
Any advice?
Hi,
This is the website: coiffurestefan.be/wp
I’d like the “openingsuren” at the bottom to have the X when opened and the arrow when closed. How can I do this? I tried with CSS but it doesn’t work like I want it to be.
Any advice?
You could toggle an “active” class on the link, similarly to how slideToggle() will toggle open the “openingsuren” div, toggleClass() can toggle a class.
Having has a quick look at your code I think you’d only need to add a small bit of code to the line that currently does your slideToggle()
jQuery(this)[COLOR=#ff0000].toggleClass("active")[/COLOR].next("#openingsuren").slideToggle(500);
Then you can change the CSS rule for the active state to be:
#uren .heading.active
Hope this helps
Thanks! This works like a charm.