On click trigger element to make another element slide?

Hey im just getting the hang of triggers and elements, but i cant seem to figure out or find a way to make an element slide after clicking on another trigger element.

in the example im trying to get the magnify icon to slide out the search bar, ive figured out how to do this with the hide/show on click, but not with the slide function.
https://preview.webflow.com/preview/hogarths-groovy-site?utm_medium=preview_link&utm_source=designer&utm_content=hogarths-groovy-site&preview=5d84178eb63b2466c5e3d2caa27ab180&workflow=preview