For nearly a month, I've been battling with a challenging issue and so far have had no success.
Imagine a scenario where there's a button along with an element in the DOM (such as an image or something similar).
Upon clicking this button, the element should slide either left or right. Initially, accomplishing this was straightforward.
$(button).on('click',function(){
$('mySlidingElement').slideToTheLeft();
// This functionality is working well.
});
However, I don't want the element to vanish!
Just like in this image:
You can see that the image is sliding to the right but isn't disappearing. It almost appears as if there are two identical pictures!
It's as though I aim to display a pseudo or faux sliding effect.
I could use two images and then animate the front one. While this solution would be effective, it's not the route I wish to take.
I wasn't sure how to articulate my question properly, and if it's unclear, please forgive me:(
NOTE: I'm utilizing AngularJS and jQuery, while my slide animation involves adding and removing CSS classes.
Many thanks