hope this fix your issue I want to do an overlay for my post content, like a 'full-screen modal dialog'. I've stuck at hiding and showing my content and items. I want when the content is shown, the items will become invisible. , Create an overlay div
Any of those help The problem in your example is, that both click events execute when you click 'open'. Thus it will open and then close immediately. To fix it, just add event.stopPropagation() to your 'open' click handler. This will prevent the click event from bubbling to the .main-content.
How to hide a modal and show another one using jquery?
By : Sravani
Date : March 29 2020, 07:55 AM
Hope that helps My Stupid mistake the jquery works. I accidently didnt close off the first modal properly which is why the animation wouldnt finish and cause the second modal to not load. I simply put the secondary modal on top of the first modal to test and it worked.