# Interaction like in webflow

**URL:** https://forum.pinegrow.com/t/interaction-like-in-webflow/2680
**Category:** Beginners
**Created:** [February 5, 2019, 6:48pm UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680 "2019-02-05T18:48:18Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)
#### Post date: [February 5, 2019, 6:48pm UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680/1 "2019-02-05T18:48:18Z")

</div>

Hello I am beginner and am just trying myself in Pinegrow and Webflow. A question has arisen for me. Can I also build interactions in Pinegrow like in Webflow or is another technique used here? I am here about the creation of a navigation menu and I try the design in 4 divs. Each DIV contains an image (visible) and another DIV contains a text (invisible). When I click on a DIV, the text appears. If I click on the next one, the text closes, the image appears again and with the current DIV the text etc. appears now. Can anyone give me some tips here? Thank you

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [February 5, 2019, 10:07pm UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680/2 "2019-02-05T22:07:21Z")

</div>

Post your code or a link to your project. It’s hard to understand what you’re asking from this description.

---

<div class="post-metadata">

### Author: ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)
#### Post date: [February 11, 2019, 4:49pm UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680/3 "2019-02-11T16:49:43Z")

</div>

Sorry about the late answer. I had taken a few days off digitally. I created this menu with the interactions in Webflow:  
[https://testbereich-95f6a9.webflow.io/](https://testbereich-95f6a9.webflow.io/)

From the first description I can only show screens. There are 5 navigation points. If I click on the respective hamburger menu, the invisible div with the content becomes visible. If I click on the next one, the current div closes and the next invisible div is displayed and so on.

[![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/df67099b2abb2b74550ac39a9b8c489cfdc19458.jpeg) ](https://dl.dropboxusercontent.com/s/p9toaztrdp137bx/Screenshot%202019-02-11%2017.50.18.png?dl=0)

[![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6db41da6a05a34d292cb4501847a5fcef17d0e18.jpeg) ](https://dl.dropboxusercontent.com/s/y7dmqwc5qiw0q52/Screenshot%202019-02-11%2017.50.03.png?dl=0)

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [February 11, 2019, 10:07pm UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680/4 "2019-02-11T22:07:01Z")

</div>

This appears to be similar in behavior to the Bootstrap Accordion component. The divs are just displayed horizontally instead of vertically.

---

<div class="post-metadata">

### Author: ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [February 12, 2019, 12:54am UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680/5 "2019-02-12T00:54:26Z")

</div>

I was actually noticing the functional similarity between the code you posted for randy, my suggestion and this request too.

Not sure about how it would work for the clicking on a mobile device, whether the hover psudoclass might be handy too.

here,[https://css-tricks.com/dynamic-page-replacing-content/](https://css-tricks.com/dynamic-page-replacing-content/)

and here

[http://jsfiddle.net/hQ7y5/](http://jsfiddle.net/hQ7y5/)

as well as what @Printninja just said… which I don’t know much about, so shall mumble quietly and slip away into the darkness…

---

<div class="post-metadata">

### Author: ![sylviomr](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@sylviomr](https://forum.pinegrow.com/u/sylviomr)
#### Post date: [February 12, 2019, 3:58pm UTC](https://forum.pinegrow.com/t/interaction-like-in-webflow/2680/6 "2019-02-12T15:58:05Z")

</div>

Thank you very much for the quick help. I will now deal with the 3 things (HTML, CSS and Java). With Pinegrow and VS Studio you have good tools.
