How to minimize instruction panel in mapbox gl js but can also be reverted back by clicking a button? help

[collegestud101]

The instruction eats all the space of my screen when I run my app in mobile. Is there a way to minimize or toggle the instruction in mapbox gl js?

im using this code to show instructions:

var directions = new MapboxDirections({
accessToken: mapboxgl.accessToken,
interactive: false,
controls: {
inputs: false,
instructions: true, //setting this to true shows the instructions
profileSwitcher: false
}
});
map.addControl(directions, 'top-left');