Expand and Collapse Div using HTML and JavaScript

Hi,

Is there a way to expand and collapse div containing fields on click of button?

On click of the button A, call a JavaScript function which will make the particular div visible and which will replace button A with button B.

when button B is visible, that button will call a JavaScript function which will make the div hidden and which will replace button B with button A.