GSAP PinSpacing Issue with BS4 Accordion Dynamic height

[codeSanjay]

I have defined some specific end value to the pinAnimation.  And the BS4 have accordion with dynamic content. Here the issue is, the scrollHeight is not being refreshed when accordion collapses. I tried using ScrollTrigger.refresh() but it's not solving the issue too. Is there anyway to refresh the scroll height dynamically.

See the Pen qByPZga?editors=1010 by devSanjay (@devSanjay) on CodePen

[GreenSock]

It looks to me like the problem is that you're not waiting for the animation to finish before you call ScrollTrigger.refresh(). So when you call that, things are still at the old size. From what I can tell, you're not even using GSAP for those animations (if you were, you could do it in an onComplete callback), so you could use something like a setTimeout() that matches (or slightly exceeds) your CSS transitions or whatever you're using to do those animations, like: 

setTimeout(() => ScrollTrigger.refresh(), 500); // wait 500ms

Does that clear things up?