Show other background onclick

[Jammmy]

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?

[AussieJohn]

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).toggleClass("active").next("#openingsuren").slideToggle(500);

Then you can change the CSS rule for the active state to be:

#uren .heading.active

Hope this helps

[Jammmy]

Thanks! This works like a charm.