Run function when dragger hits the start or the end of its boundary

[scavaliere]

Hello everybody and happy new year! 
I am working on a Draggable which - basing on dragger position - changes a text inside a div. I would need to control this in two states: 

- hitting the left part of the boundaries (start position) -> change the text in "Open"
- hitting the right part of the boundary (end position) -> change the text in "Close"

I am using the hittest but I  am not very sure I need to bind to onDragEnd or something else and, anyway, it doesn't work correctly. 
I would need to change the text inside the div ONLY when the cursor hit the start or the end of its container. 

Anyone can help me to solve the problem? 

Thank you in advance!
 

See the Pen RwBorQY by scavaliere (@scavaliere) on CodePen

[GreenSock]

Do you mean like this?: 

See the Pen wvxoJMQ?editors=0010 by GreenSock (@GreenSock) on CodePen

[scavaliere]

@GreenSock you're really a Superhero
Thank you very much, I thought it was more difficult. Read about endX but not maxX