Show other background onclick

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 :slight_smile:

Thanks! This works like a charm.