Hi Everyone! I’ve tried to replicate Paypal’s navbar with slidling panels as an excercise.
Things went rather good but I’ve encountered a problem I can’t solve. I want have the arrow down and up behaviour exactly as it is on original Paypal page - when you click on it, panel below it goes down and arrow rotate and slowly turn up. After you click again the same process is triggered but in opposite directions. The problem is that my arrows only goes up in that elegant smooth way but when you click (toggle to ‘closed’ class) again with intention to force the arrow to go down … it will ignore you … why ?
I’ll be grateful for some suggestions, asked about it on stackOverflow but with no great success.
Link to my Pen on Codepen
Link to post on StackOverflow: