Activating and deactivating a menu from the same button

How do I activate and then deactivate an expanding menu from the same button?

I have the usual 3 short horizontal lines to indicate there is an expanding menu. I click the lines and the menu expands. So far so good. How do I make it so that if I then click the three lines again the menu then contracts? Basically, I need the little graphic of the 3 lines to play the same timeline again, in reverse, on the second click.


do a search for ‘single toggle button’ by Mark Hunte


Fantastic. Thank you for the reply.

Thank you again, most helpful. Just used the technique on the site I’m building and it works a treat.

Love this forum, so helpful.