Currently, I am working on creating a single-page checkout form.
The challenge I am facing involves sliding up and down various divs with the same class name but different contents.
To demonstrate this issue, I have prepared a sample in JSFiddle: http://jsfiddle.net/gpjrh8zr/1/
Here is the jQuery code I have implemented:
$( ".button" ).click(function() {
$( ".pageContent" ).slideUp( "slow" );
},
function() {
$( ".pageContent" ).slideDown( "slow" );
});
However, this current code causes all divs to slide down simultaneously.
I would appreciate any guidance or advice on resolving this issue. Thank you.