I'm working on a UI where users can toggle a button to show or hide a div. On the 1st click, the div appears below the button with a slide-down effect. On 2nd click, the div slides up to hide.
Currently I am toggling the button icon between a downward-pointing triangle icon when the button will trigger the slide-down show and an upward-pointing triangle icon when the button will trigger the slide-up hide? (Note: there's no change to the icon on hover).
Is this a suitable method to use, or is there a more appropriate implementation I should go with?